element-ui 改变单选框，多选框的选中颜色

最新推荐文章于 2024-04-29 21:35:15 发布

`XiYu`_

最新推荐文章于 2024-04-29 21:35:15 发布

阅读量2.4k

点赞数

分类专栏： element-ui 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/qq_45363773/article/details/129929303

版权

element-ui 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

@element-ui 改变单选框，多选框的颜色
注意是写在less文件中，并在vue.config.js中配置
在这里插入图片描述

@ztColor: #da222a;
// 全局单选多选按钮，选中颜色改变
/deep/ .is-checked {
    .el-checkbox__inner {
        background-color: @ztColor;
        border: 1px solid @ztColor;
    }
    .el-checkbox__label {
        color: @ztColor;
    }
}
/deep/ .el-radio{
    &.is-checked {
        &.is-bordered {
            border: 1px solid @ztColor;
        }
        .el-radio__label {
            color: @ztColor;
        }
        .el-radio__inner {
            background-color: @ztColor;
            border: 1px solid @ztColor;
        }
    }
}