elementUI——el-table组件滚动条的宽度设置——css基础_el-table滚动条宽度

作者：盐析白兔 | 2024-07-19 10:19:49

踩

el-table滚动条宽度

场景

今天在看后台管理系统时，领导发现表格中的横向和纵向的滚动条宽度不一致，导致页面看上去很不协调：

如下：
在这里插入图片描述

根据上图效果：会发现：横向滚动条的高度与纵向滚动条的宽度不一致：

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: transparent;
}
1
2
3
4
5

只要将上面css中的width和height设置成一个数值，就可以保证横向滚动条的高度与纵向滚动条的宽度保持一致了。

在这里插入图片描述
完成！！！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/850909