记录：在vue项目中修改全局滚动条样式

（一年多前项目需要修改滚动条样式，在网上找了很久，根据一个大佬的写法终于改了样式。但忘记是哪位了，现今有需要改样式，翻出以前项目，所以记录下。哪位好心人知道是谁，望告知）

1、在base.css中加入该样式

/*全局滚动条样式*/
::-webkit-scrollbar {
    width: 5px;
    height: 14px;
}

 ::-webkit-scrollbar-thumb {
/* background-color: #01c8dc;
border-radius: 3px; */
    background-color: #b6b6b6;
}
/*全局滚动条样式结束*/

页面效果：

 

 

 

2、表格限高需要修改的滚动条样式

/* el-table 滚动条样式 */
.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;
}
/* el-table 滚动条样式结束 */