Vue.js 如何在v-textarea中隐藏滚动条？

如何在v-textarea中隐藏滚动条

虽然这在简单文本框上有效，但在v-textarea中不起作用：

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

.隐藏滚动条：：-webkit滚动条{
显示：无；
}

隐藏滚动条，但保留功能

 // 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-scrollbar{
   overflow: hidden;
}

隐藏滚动条和功能

 // 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-scrollbar{
   overflow: hidden;
}

---

隐藏滚动条但保留功能

 // 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-scrollbar{
   overflow: hidden;
}

隐藏滚动条和功能

 // 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-scrollbar{
   overflow: hidden;
}