用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版权协议,转载请附上原文出处链接和本声明。