/** 通用滚动条样式*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-thumb {
background-color: #e5e5e5;
}
::-webkit-scrollbar-thumb:hover {
background-color: #A9A9A9;
}
::-webkit-scrollbar-thumb:active {
background-color: #787878;
}
* {
scrollbar-color: #e5e5e5 #f7f7f9;
/* 滑块颜色 滚动条背景颜色 */
scrollbar-width: thin;
/* 滚动条宽度有三种:thin、auto、none */
}
//局部样式.demo是类名 是el-table标签上的自定义class
.demo ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.demo ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}