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