el-table的滚动条样式修改
时间: 2023-08-06 09:09:13 浏览: 91
前端项目修改默认滚动条样式(小结)
要修改el-table的滚动条样式,可以使用以下CSS代码:
```
/* 水平滚动条 */
.el-table__body-wrapper::-webkit-scrollbar {
height: 8px;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
background-color: #f0f0f0;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #c1c1c1;
}
/* 垂直滚动条 */
.el-table__body-wrapper::-webkit-scrollbar {
width: 8px;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
background-color: #f0f0f0;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #c1c1c1;
}
```
将以上代码添加到你的样式文件中即可。你可以根据自己的需要修改颜色和其他样式。
阅读全文