修改element中table里面的右侧滚动条样式

Posted maruihua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了修改element中table里面的右侧滚动条样式相关的知识,希望对你有一定的参考价值。

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
width: 7px; /*滚动条宽度*/
height: 7px; /*滚动条高度*/
background-color: white;

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: rgba(221, 222, 224); /*滚动条的背景颜色*/
技术图片

 

以上是关于修改element中table里面的右侧滚动条样式的主要内容,如果未能解决你的问题,请参考以下文章

修改element-ui滚动条样式

解决element-ui table固定列会遮挡住滚动条 ,左右无法拖动

element el-table 合计时发现横向滚动条在合计上方

css 修改滚动条样式(附上element-ui框架的表格滚动条样式修改)

antdv中table组件滚动条样式修改

滚动条样式修改