el-table滚动条样式

el-table滚动条样式

效果

代码

*::-webkit-scrollbar {width:4px; height:8px; background-color:transparent;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar-track {background-color: rgba(117,116,116,0.3);  } /*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.3); border-radius:6px;} /*定义滑块 内阴影+圆角*/
.scrollbarHide::-webkit-scrollbar{display: none}
.scrollbarShow::-webkit-scrollbar{display: block}

原文修改el-table滚动条样式