自定义element-ui radio选中样式

用element-ui的很多组件的样式不满足需求,这个时候就需要自定义组件样式了,已radio为例,官方的组件样式是这样的
在这里插入图片描述
但是需求是这样的
在这里插入图片描述
需要把radio自带的样式去掉然后加上自定义的样式就Ok了

.el-radio{
                  // height: 30px;
                  // line-height:30px;
                  .el-radio__input{
                    display: none;
                  }
                  &.is-checked{
                    position: relative;
                    &:after {
                      content: "";
                      display: block;
                      height: 20px;
                      width: 20px;
                      background-image: url(../../backgroundImg/selected.svg);
                      background-size: 100%;
                      position: absolute;
                      right:0;
                      top:0;
                    }
                  }
                }

在这里插入图片描述
完成。


版权声明:本文为lulu_wu_lucky原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。