关于前端:同时修改elmentUi横向和竖向的滚动条

饿了么提供了很多table组件,有时候横向滚动条和竖向滚动条原始的界面比拟细不太好看,测试提出批改滚动条变粗

饿了么对于滚动条的原始款式是:

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: transparent;
}

间接在我的项目中批改公共elementUi款式相似于封装一个css文件,在main.js外面引入

.el-table__body-wrapper::-webkit-scrollbar{
   width: 12px !important;
  height: 12px;
   
 }

因为宽度会被初始化的款式笼罩,所以得加权重
这样就胜利了,这样横向滚动条和竖向滚动条都宽高都设置好了,如果须要批改色彩等其余款式,同同样能够在下面的款式外面增加

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理