设定el-tag的颜色
时间: 2024-01-19 19:15:04 浏览: 74
要设定el-tag的颜色,可以使用el-tag组件的属性type。type属性有以下几种取值:
- primary
- success
- warning
- danger
- info
分别对应不同的颜色。例如,要将一个el-tag的颜色设为红色,可以这样写:
```html
<el-tag type="danger">标签</el-tag>
```
相关问题
el-tag背景颜色
el-tag 的背景颜色可以通过设置其属性 type 来实现,例如设置为 primary、success、warning、danger 等等。也可以通过设置其属性 color 来自定义颜色。
示例代码:
```html
<el-tag type="primary">Primary</el-tag>
<el-tag type="success">Success</el-tag>
<el-tag type="warning">Warning</el-tag>
<el-tag type="danger">Danger</el-tag>
<el-tag color="#f50">Custom Color</el-tag>
```
el-tag 字体颜色
el-tag 的字体颜色可以通过设置 `color` 属性来实现。常见的颜色值有:primary(主色),success(成功色),warning(警告色),danger(危险色),info(信息色)等。此外还可以通过设置 `rgb`、`rgba`、`hex` 等方式来自定义颜色。例如:
```
<el-tag color="success">成功</el-tag>
<el-tag color="#f00">红色</el-tag>
<el-tag color="rgba(255, 0, 0, 0.5)">半透明红色</el-tag>
```