el-descriptions怎么设置背景颜色
时间: 2023-09-24 14:02:51 浏览: 1087
要设置 `el-descriptions` 组件的背景颜色,可以使用以下两种方法:
1. 在 CSS 中自定义样式:
在 CSS 中为 `el-descriptions` 组件添加自定义样式,例如:
```css
.el-descriptions {
background-color: #f0f0f0;
}
```
这会将所有 `el-descriptions` 组件的背景颜色改为灰色。你可以根据需要修改其他样式属性,例如 `color`、`padding` 等。
2. 使用 `border` 和 `background-color` 属性:
`el-descriptions` 组件提供了 `border` 和 `background-color` 属性,可以用于设置组件的边框和背景颜色。例如:
```html
<el-descriptions :border="false" :background-color="'#f0f0f0'">
<el-descriptions-item label="姓名">张三</el-descriptions-item>
<el-descriptions-item label="年龄">18</el-descriptions-item>
</el-descriptions>
```
这会将所有 `el-descriptions` 组件的边框隐藏,并将背景颜色改为灰色。你也可以为每个 `el-descriptions-item` 单独指定 `border` 和 `background-color` 属性,以便根据需要定制每个项的样式。
阅读全文