效果图:
代码:
/* 全局滚动条样式 */
::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
cursor: pointer;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow: inset 0 0 5px #3d445e;
background: #3d445e;
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px #3d445e;
border-radius: 10px;
background: #ededed;
}
/* element滚动条的宽度 */
.el-table__body-wrapper::-webkit-scrollbar {
width: 10px;
height: 10px;
cursor: pointer;
}
/* element 滚动条的滑块 */
.el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px #3d445e;
background: #3d445e;
}
顔色隨意更改