个人理解为 el-tag 里面的叉指的是关闭按钮,其默认样式为一个红色的'×',可以通过以下 css 代码进行修改:

.el-tag__close {
  font-size: 12px; /* 改变关闭按钮的大小 */
  color: #999; /* 改变关闭按钮的颜色 */
}

.el-tag__close:hover {
  color: #f56c6c; /* 改变关闭按钮的悬停颜色 */
}

另外,如果需要更改关闭按钮的图标,可以通过修改 :before 伪元素的内容来实现:

.el-tag__close:before {
  content: '×'; /* 改变关闭按钮的图标 */
}

需要注意的是,以上代码需要在 el-tag 的样式文件中进行修改,具体位置会因项目而异。


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

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