2024年4月28日发(作者：)

elementui中table滚动条的样式

ElementUI 中 `Table` 组件的滚动条样式可以通过自定义 CSS 来修改。

以下是一个例子，展示如何修改 ElementUI `Table` 组件中滚动条的样式：

css

.el-table .el-scrollbar {

background-color: #f5f5f7 !important; /* 滚动条背景色 */

}

.el-table .el-scrollbar__thumb {

background-color: #c0c4cc !important; /* 滚动条拖动块的背景色 */

}

.el-table .el-scrollbar__wrap {

border-radius: 0px !important; /* 滚动条边框的圆角大小 */

border: 1px solid #e4e4e4 !important; /* 滚动条边框的颜色 */

}

请将以上 CSS 代码添加到您的项目中的 CSS 文件中，并根据需要修改样式。

记住，使用 `!important` 可以覆盖 ElementUI 默认样式，确保您的样式生效。