# 在 base.css 中加入该样式
| |
| ::-webkit-scrollbar { |
| width: 5px; |
| height: 14px; |
| } |
| |
| ::-webkit-scrollbar-thumb { |
| |
| border-radius: 3px; */ |
| background-color: #b6b6b6; |
| } |
| |
如果想局部的话就在想要改变滚动条样式的 vue 文件中写上 CSS 样式即可。
![]()
# 表格限高需要修改的滚动条样式
| |
| .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar { |
| width: 10px; |
| } |
| |
| .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| border-radius: 10px; |
| background: rgba(0, 0, 0, 0.2); |
| } |
| |
| .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-track { |
| border-radius: 10px; |
| background: rgba(0, 0, 0, 0.1); |
| } |
| |
| .el-table__header-wrapper .has-gutter th:nth-last-child(2) { |
| border-right: 0; |
| } |
| |
