element ui textarea文本域显示滚动条

最新推荐文章于 2024-04-26 09:18:18 发布

爱养猫的木子

最新推荐文章于 2024-04-26 09:18:18 发布

阅读量2.1k

点赞数 3

文章标签： ui vue.js 前端

本文链接：https://blog.csdn.net/Quiet_123/article/details/128419538

版权

测试报的一个小bug，在这做个记录

效果图：

加之前：鼠标放上去才会显示

加之后：超过直接显示出来

代码：

 <el-input
    type="textarea"
    v-model="ruleForm.explain"
    :autosize="{ minRows: 2, maxRows: 8 }"
    maxlength="1024"
    placeholder="说明"
 ></el-input>

::-webkit-scrollbar {
  width: 8px; /*滚动条宽度*/
  height: 8px; /*滚动条高度*/
}
.el-textarea__inner::-webkit-scrollbar-thumb {
  background-color: rgba(168, 168, 168,.4);/*滚动条默认显示的颜色*/
}

.el-textarea__inner::-webkit-scrollbar {   
   width: 8px;   
   height: 8px;
   background-color: white;/*滚动条背景色显示的颜色*/
 }