vue 去除element ui input文本域垂直的滚动条

在Vue中使用Element UI的Input组件时，如果你想要去除垂直滚动条，可以尝试设置`style`属性来控制元素样式。添加下面这行CSS规则到你的样式表或者某个特定的元素上：

.el-input {
  overflow-y: hidden; /* 这将隐藏垂直滚动条 */
}

或者，如果你想仅在输入内容超过容器高度时才显示滚动条，可以使用CSS `scroll-smooth` 属性结合`:hover`伪类来条件地显示滚动条：

.el-input:not(:hover) {
  scrollbar-width: none; /* 隐藏默认滚动条 */
}

.el-input:hover::-webkit-scrollbar { /* Webkit 内核滚动条 */
  width: 4px; /* 指定滚动条宽度 */
}

.el-input:hover::-webkit-scrollbar-thumb { /* 滚动条滑块 */
  background-color: rgba(0, 0, 0, .5); /* 自定义颜色 */
  border-radius: 4px;
}

/* 同理处理 Firefox 和 Edge */
.el-input:-moz-scrollbars-none {
  -ms-overflow-style: none; /* Firefox */
}

.el-input::-ms-clear {
  display: none; /* IE/Edge */
}

确保你已经安装了Element UI库，并且这个样式覆盖了原有的样式。如果需要更多定制选项，可以在对应的Vue组件模板里直接应用`v-bind:class`来动态绑定类名。