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

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.改完之后的滚动条,更加美观

element-textarea,滚动条样式更美观.相关推荐

html textarea滚动条样式设置
#tablist .tabinfo_alter .info .info_li .text textarea{width: 100%;resize:none;vertical-align:top;bor ...
textarea滚动条CSS样式属性设置
<textarea>滚动条属性CSS样式设置,包括textarea溢出横竖滚动条设置.隐藏滚动条.滚动条颜色.水平滚动条.垂直滚动条设置等. textarea滚动条CSS样式 textar ...
php form 添加滚动条,element 使用总结(1. tree使用 2. table修改滚动条样式 3. el-form 自定义label添加icon)...
一, vue_elementUI_ tree树形控件 1.默认点击tree节点的第一个(注意不是checked选中) @node-drop="handleDrop"ref=&qu ...
html滚动条样式自定义,如何自定义CSS滚动条的样式？
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的 ...
-webkit-scrollbar 滚动条样式设置
大家有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条很酷炫,很高端,就连chrome32.0之后都抛弃了原始的滚动条,明显好看多了,那么浏览器如何自定义滚动条呢? 分割线为 ...
Vue项目修改浏览器滚动条样式
Vue+Element组件修改浏览器滚动条样式前言:在Vue项目中会有使用到滚动条的情况,但是会遇到原生滚动条的样式不满足UI设计,因此需要改变滚动条的样式,下面使用两种方式来修改滚动条的样式,以V ...
自定义浏览器滚动条样式（兼容chrome和firefox）
大家好,我是前端队长Daotin,想要获取更多前端精彩内容,关注我,解锁前端成长新姿势. 以下正文: 问题描述浏览器默认的滚动条样式太丑了,而且不同的浏览器下滚动条的样式也不一样,为了美观和统一,必 ...
【摘】table滚动条样式
参考文章: 1.http://blog.sina.com.cn/s/blog_821025b70100wf82.html 2.https://blog.csdn.net/qq_42092177/art ...
jQuery-slimScroll控制滚动条样式的插件
2019独角兽企业重金招聘Python工程师标准>>> jQuery-slimScroll控制滚动条样式的插件功能比较简单,但是插件的大小只有6kb,相对于mCustomScroll ...

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

element-textarea,滚动条样式更美观.相关推荐

最新文章

热门文章