element-ui里面的tag标签颜色的rgba是多少
时间: 2023-01-31 16:33:13 浏览: 142
颜色的RGB值
Element-UI 中的 tag 标签的颜色是由组件内部的 CSS 样式定义的,而不是通过 props 或者其他方式传入的。
在 Element-UI 2.13.2 版本中,tag 标签的颜色是通过以下 CSS 样式定义的:
```css
.el-tag {
...
color: #fff;
background-color: #409eff;
...
}
```
这段 CSS 代码中,标签的前景色(文字颜色)是 #fff(白色),背景色是 #409eff(浅蓝色)。
如果想要修改 tag 标签的颜色,可以在使用 tag 组件的时候通过设置 class 属性来覆盖默认的 CSS 样式,例如:
```html
<template>
<el-tag class="custom-tag" v-for="item in items" :key="item.id">{{ item.name }}</el-tag>
</template>
<style>
.custom-tag {
color: #f00;
background-color: #ff0;
}
</style>
```
在这个例子中,我们使用了一个自定义的 CSS 类名 `custom-tag`,并在其中设置了前景色(文字颜色)为 #f00(红色),背景色为 #ff0(黄色)。这样就可以覆盖默认的样式,使得 tag 标签变成红色背景,黄色文字的样子。
注意,如果想要使用 RGBA 颜色,需要在 CSS 中这样写:
```css
.custom-tag {
color: rgba(255, 0, 0, 1);
background-color: rgba(255, 255, 0, 1);
}
```
在这个例子中
阅读全文