Element UI el-tag 关闭按钮样式自定义指南
个人理解为 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 著作权归作者所有。请勿转载和采集!