CODEWITHSUNDEEP
vue.jsvuetify.js
user3622981
user3622981

Reputation: 131

How to hide scrollbar in v-textarea?

How to hide scrollbar in v-textarea?

While this works on simple textbox, but in v-textarea doing this does not work:

<v-textarea class="hide-scrollbar"/>
<style>
.hide-scrollbar::-webkit-scrollbar {
    display: none;
 }
</style>

Upvotes: 1

Views: 2248

Answers (2)

Sari Masri
Sari Masri

Reputation: 226

Hide Scrollbars But Keep Functionality

 // Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
  }

// Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
}

Hide Scrollbars and Functionality

.hide-scrollbar{
   overflow: hidden;
}

Upvotes: 1

Gurkan Ugurlu
Gurkan Ugurlu

Reputation: 467

.hide-scrollbar textarea {overflow-y:hidden}

Upvotes: 1

Related Questions