vue设置el-table背景颜色
时间: 2023-11-17 08:05:55 浏览: 70
在Vue中设置el-table的背景颜色可以通过修改样式来实现。可以在el-table外层的div中设置背景颜色,也可以通过修改.el-table和.el-table__expanded-cell的background-color样式来实现。同时,为了避免hover时背景颜色变化,还需要将.el-table th和.el-table tr的background-color样式设为transparent。
相关问题
vue 设置el-tooltip el-table背景透明
要设置`el-tooltip`和`el-table`的背景透明,可以使用以下CSS样式:
```css
.el-tooltip__popper,
.el-table,
.el-table__body-wrapper {
background-color: transparent !important;
}
```
将以上代码添加到你的样式表中即可。注意,这样会将所有`el-tooltip`和`el-table`组件的背景颜色设置为透明,如果你只想针对某个具体的组件进行设置,可以为该组件添加一个特定的class,并使用该class来设置样式。
vue设置el-table表格选中颜色
要设置el-table表格选中颜色,可以使用CSS样式来实现。可以使用以下CSS样式设置选中行的背景颜色:
```css
.el-table__row--highlight {
background-color: #f5f7fa !important;
}
```
其中,`.el-table__row--highlight`是el-table组件选中行的class名,`background-color`属性是选中行的背景颜色。`!important`关键字是为了覆盖默认样式。
将上述代码放入你的CSS文件或style标签中即可生效。