.el-table--group, .el-table--border, .el-table { border: none !important; // border: 1px solid #4dd2ff !important; // border-color: #4dd2ff !important; }去不掉右边框
时间: 2024-03-08 15:48:20 浏览: 156
让Table的TD有边框而Table右左没有边框的CSS样式
根据你提供的代码,你想要去掉 `el-table` 表格的边框,并且你尝试使用 `.el-table--group, .el-table--border, .el-table { border: none !important; }` 这段代码来实现,但是发现右边的边框依然存在。
这种情况可能是由于以下原因:
1. 可能存在其他样式或代码影响了 `el-table` 表格的样式,导致无法正常去除边框,你需要检查其他代码是否覆盖了你设置的样式。
2. 可能你的样式设置存在错误,你需要检查你的样式设置是否正确。
下面提供一种可能的解决方案,你可以尝试一下:
```css
.el-table--group::before,
.el-table--group::after,
.el-table--border {
border: none !important;
border-top: 1px solid #4dd2ff !important;
border-bottom: 1px solid #4dd2ff !important;
}
.el-table__body-wrapper {
border: none !important;
}
```
在这个样式中,我们使用 `border-top` 和 `border-bottom` 属性来设置 `el-table` 表格的上下边框颜色为 `#4dd2ff`,同时取消了 `el-table` 表格的左右边框线条。另外,我们还加入了 `.el-table__body-wrapper` 这个类的样式,将其边框设置为 `none`,这样就可以完全去除 `el-table` 表格的边框了。你可以根据自己的需要进行修改。如果你的代码中还存在其他样式可能会影响 `el-table` 表格的样式,你需要进一步检查和调试。
阅读全文