// 项目内滚动条修改
::-webkit-scrollbar {
width: 15px !important;
height: 5px !important;
}
// 单独给el-table修改
.el-table {
::-webkit-scrollbar {
width: 15px !important;
height: 15px !important;
}
}
// 项目内滚动条修改
::-webkit-scrollbar {
width: 15px !important;
height: 5px !important;
}
// 单独给el-table修改
.el-table {
::-webkit-scrollbar {
width: 15px !important;
height: 15px !important;
}
}
表头样式 表格为空的时的样式 表格斑马线样式 鼠标悬浮样式 表格列样式 其他 滚动条修改
样式修改 滚动条隐藏
其中的list-container是el-table外层的容器
修改浏览器滚动条样式 滚动条效果图
1 修改滚动条样式参考地址
浏览器自带滚动条样式修改
修改默认滚动条样式，美化代码如下：
设置全局滚动条样式 指定位置修改
标签（空格分隔）： css 浏览器自带滚动条总是不能够完全适应项目的样式，修改滚动条样式
1.IOS 手机容器滚动条滑动不流畅 2.修改滚动条样式 隐藏div元素的滚动条
本文标题：el-table 以及其他滚动条修改样式
本文链接：https://www.haomeiwen.com/subject/kkvkodtx.html
网友评论