element ui 修改el-checkbox被选中后的样式

最新推荐文章于 2024-03-05 19:22:23 发布

Kxc_lucky

最新推荐文章于 2024-03-05 19:22:23 发布

阅读量1.8k

点赞数 1

文章标签： ui vue.js elementui

本文链接：https://blog.csdn.net/qq_44183995/article/details/126034206

版权


.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: rgb(1, 173, 168) !important;
  border: 1px solid rgb(1, 173, 168) !important;
}
.el-checkbox__inner:hover {
  border-color: rgb(1, 173, 168);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: rgb(1, 173, 168);
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: rgb(1, 173, 168) !important;
}