.table {
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 10px;
/*滚动条宽度*/
height: 10px;
/*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
box-shadow: 0px 1px 3px #EBEEF5 inset;
/*滚动条的背景区域的内阴影*/
border-radius: 10px;
/*滚动条的背景区域的圆角*/
background-color: #EBEEF5;
/*滚动条的背景颜色*/
}
/*定义滑块 内阴影+圆角*/
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
box-shadow: 0px 1px 3px #ccc inset;
/*滚动条的内阴影*/
border-radius: 10px;
/*滚动条的圆角*/
background-color: #ccc;
/*滚动条的背景颜色*/
}
}
滚动条样式
最新推荐文章于 2024-10-02 05:39:15 发布