1、问题:
//html代码 <el-input class="textarea-input" v-model="searchKey" type="textarea" :rows="5" :maxlength="500" show-word-limit placeholder="请输入" style="width:280px;" > </el-input>
2、尝试给textarea里的滚动条增加样式,结果并没有生效:
//css样式 .textarea-input { /deep/>textarea { &::-webkit-scrollbar { //滚动条整体部分 cursor:pointer !important; } &::-webkit-scrollbar-thumb { //滚动条里面的小方块 cursor:pointer !important; } } }
原因:由于input框自身内置了cursor:text;属性,且滚动条始终在文本输入框内部,导致样式未生效。
3、解决方法:对于textarea多行文本框使用unset属性,即可解决
//css样式 .textarea-input { /deep/>textarea { cursor:unset; } }