首页 前端知识 element-textarea,滚动条样式更美观.

element-textarea,滚动条样式更美观.

2024-03-15 10:03:20 前端知识 前端哥 895 946 我要收藏

1.这个是该textarea文本域的class类(使用element组件时,审查元素可看到该class类,使用者无需添加)

2.给这个class类加上样式

.el-textarea__inner::-webkit-scrollbar{
     width: 6px ;
     height: 6px ;
}
.el-textarea__inner::-webkit-scrollbar-thumb {
    border-radius: 3px ;
      -moz-border-radius: 3px ;
      -webkit-border-radius: 3px ;
      background-color: #c3c3c3 ;
}
.el-textarea__inner::-webkit-scrollbar-track {
    background-color: transparent ;
}

如果样式无法作用上去,需要假如样式穿透deep, 或者 ! important

3.改完之后的滚动条,更加美观

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3799.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!