element-ui的table组件 怎么将默认的斑马纹的颜色换掉
时间: 2023-07-14 10:13:31 浏览: 332
你可以通过修改 `table` 组件的 CSS 样式来更改默认的斑马纹颜色。具体步骤如下:
1. 打开浏览器的开发者工具,找到 `table` 组件的 CSS 样式。
2. 找到 `.el-table__body tr.el-table__row--striped` 这个样式,这个样式控制了斑马纹的颜色。
3. 在这个样式里添加 `background-color` 属性,设置你想要的颜色即可。例如,你可以将斑马纹的颜色改为灰色:
```css
.el-table__body tr.el-table__row--striped {
background-color: #f7f7f7; /* 设置为灰色 */
}
```
4. 将修改后的 CSS 样式应用到你的项目中即可。
阅读全文