可以通过设置 的属性来改变其颜色,具体操作如下:

  1. 设置标签的颜色属性:通过设置 的 type 属性来改变其颜色,type 可选值包括:success、info、warning、danger,默认为 primary。

举例:

<el-tag type="success">成功</el-tag>
<el-tag type="info">提示</el-tag>
<el-tag type="warning">警告</el-tag>
<el-tag type="danger">危险</el-tag>
  1. 自定义标签的颜色:可以通过设置标签的背景色和文本颜色来自定义标签的颜色。

举例:

<el-tag style="background-color: #f90; color: #fff;">自定义颜色</el-tag>

注意:自定义颜色需要保证标签的背景色和文本颜色有足够的对比度,以确保标签的可读性。

elementUI el-tag 的颜色改变

原文地址: https://www.cveoy.top/t/topic/bcr2 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录