修改el-table默认滚动条样式
el-table原有滚动条样式对有些用户来说太窄，拖动起来不方便，因此做出如下修改。
修改前的样式图：
修改后的样式图：
样式代码：
<style lang="scss" scoped>
::v-deep ::-webkit-scrollbar {
width: 6px;
height: 10px;
background-color: #ebeef5;
}
::v-deep ::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #ccc;
}
::v-deep ::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background: rgba(255, 255, 255, 1);
}
</style>
我这块代码实现是在
vue2版本项目中。