同时修改elmentUi横向和竖向的滚动条
饿了么提供了很多table组件,有时候横向滚动条和竖向滚动条原始的界面比较细不太好看,测试提出修改滚动条变粗
【同时修改elmentUi横向和竖向的滚动条】饿了么关于滚动条的原始样式是:
::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: transparent;
}
直接在项目中修改公共elementUi样式类似于封装一个css文件,在main.js里面引入
.el-table__body-wrapper::-webkit-scrollbar{
width: 12px !important;
height: 12px;
}
因为宽度会被初始化的样式覆盖,所以得加权重
这样就成功了,这样横向滚动条和竖向滚动条都宽高都设置好了,如果需要修改颜色等其他样式,同同样可以在上面的样式里面添加
推荐阅读
- MediaRecorder前后摄像头同时录像
- java|java b2b2c shop 多用户商城系统源码- config 修改配置
- iOS富文本为html时,修改默认字体颜色
- react-navigation|react-navigation 动态修改 tabBar 样式
- 8、Flask构建弹幕微电影网站-搭建后台页面-密码修改、主页控制面板
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- minifilter中获取对文件修改属性的操作
- Android免Root|Android免Root 修改程序运行时内存指令逻辑(Hook系统函数)
- 数据库|python 添加修改mysql
- python|【Python】全局变量的使用,全局变量的修改