elementUi 滚动条样式
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 3px;
}
浏览器自带滚动条样式
// 设置滚动条样式
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background: #1b6e95;
border-radius: 3px;
width: 8px;
}
::-ms-scrollbar-thumb {
background: #1b6e95;
border-radius: 3px; width: 8px;
}