element-ui Checkbox-group 自定义选中字体颜色

最新推荐文章于 2024-09-13 10:57:40 发布

Mr-K

最新推荐文章于 2024-09-13 10:57:40 发布

阅读量2.3k

点赞数 1

分类专栏： Element-UI

本文链接：https://blog.csdn.net/wk15038187622/article/details/115557050

版权

Element-UI 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

/* 设置选中后的文字颜色 */
.newCheckSty .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #409eff;
}

/* 设置选中后对勾框的边框和背景颜色 */
.newCheckSty .el-checkbox__input.is-checked .el-checkbox__inner,
.newCheckSty .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #409eff;
  background-color: #409eff;
}
/* 设置带边框的checkbox，选中后边框的颜色 */
.newCheckSty.is-bordered.is-checked {
  border-color: #FF0000;
}

/* 设置checkbox获得焦点后，对勾框的边框颜色 */
.newCheckSty .el-checkbox__input.is-focus .el-checkbox__inner{
  border-color: #FF0000;
}

/* 设置鼠标经过对勾框，对勾框边框的颜色 */
.newCheckSty .el-checkbox__inner:hover{
  border-color: #FF0000;
}