修改element 的el-radio的选中样式变成对勾

我这个是在全局改的，在app.vue页面（用了深度选择器）#app /deep/ .el-radio__input.is-checked .el-radio__inner::after {content: '';width: 10px;height: 5px;border: 2px solid white;border-top: transparent;border-right: transpar

施玥喵

3387人浏览 · 2020-12-03 18:28:33

施玥喵 · 2020-12-03 18:28:33 发布

我这个是在全局改的，在app.vue页面（用了深度选择器）

#app /deep/ .el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 10px;
    height: 5px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    vertical-align: middle;
    transform: rotate(-45deg);
        border-radius: 0px;
    background: none;
   
}

效果图
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^