重新复写自定义radio选中时的背景颜色无效,但checkbox可以,radio选中时的伪元素before又生效,这是什么原因呢?
/*选中更改背景颜色 无效*/
radio .wx-radio-input.wx-radio-input-checked{
border: none;
background: red;
}
/*选中更改背景颜色 有效*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked{
border: none;
background: red;
}
/* 选中后的更改背景颜色,选中样式 有效/*
radio .wx-radio-input.wx-radio-input-checked::before{
position: absolute;
top: 22rpx;
left: 23rpx;
width: 26rpx;
height: 26rpx;
background: yellow;
border-radius: 50%;
text-align: center;
font-size:0rpx;
transform:translate(-50%, -50%) scale(1);
-webkit-transform:translate(-50%, -50%) scale(1);
}
先看一下类的权重问题
就是在background 样式添加权重
!important
可以解决,但是checkbox真的木有这个问题