2023年6月20日发(作者：)

element-ui滚动条样式修改element ui的 滚动条样式很难看 这是修改全局的滚动条样式可以添加⼀下代码

/**修改全局的滚动条*//**滚动条的宽度*/::-webkit-scrollbar { width: 8px;

}//滚动条的滑块::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px;}修改前的效果

修改后的样式 ⽐原来好看多了

修改表格的滚动条

//修改表格的滚动条 .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px;}//滚动条的滑块.el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 3px;}

改后的效果

2023年6月20日发(作者：)

element-ui滚动条样式修改element ui的 滚动条样式很难看 这是修改全局的滚动条样式可以添加⼀下代码

/**修改全局的滚动条*//**滚动条的宽度*/::-webkit-scrollbar { width: 8px;

}//滚动条的滑块::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px;}修改前的效果

修改后的样式 ⽐原来好看多了

修改表格的滚动条

//修改表格的滚动条 .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px;}//滚动条的滑块.el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 3px;}

改后的效果