可在App.vue中进行全局设置该滚动条样式,项目保持一致。
/**
* 滚动条样式
*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
/**
* 滚动条的滑块
*/
::-webkit-scrollbar-thumb {
background: #bbbbbb;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
background: #dddddd;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
如图:
el-table滚动条样式有够丑的。。。。