小程序radio单选框如何修改宽高及选中样式
⼩程序radio单选框如何修改宽⾼及选中样式
之前写过关于多选框设置样式的办法，其实与单选框设置的⽅法⼀样，唯⼀不同的是，在css样式⾥，/* 选中后的 背景样式 （红⾊背景 ⽆边框 可根据UI需求⾃⼰修改） */的下⾯定义的css需要加上!important才会⽣效，意思是本css拥有最⾼权重，但是多选框就不⽤，挺逗的。
台风预警信号
关于多选框的设置⽅法：
<radio-group @change="radioChange">
<label>
<radio value="1":checked="true"/>是
</label>
<label>
<radio value="0":checked="false"/>否
哈师大附中
</label>
</radio-group>
css代码
/*radio未选中时样式 */
radio .wx-radio-input{
width: 25rpx;
height: 25rpx;
border-radius: 50%;
}
/* 选中后的背景样式（红⾊背景⽆边框可根据UI需求⾃⼰修改） */
支付宝实体店银行卡红包怎么用radio .wx-radio-input.wx-radio-input-checked{
background: #0394F0 !important;
border-color:#0394F0 !important;
}
/* 选中后的对勾样式（⽩⾊对勾可根据UI需求⾃⼰修改） */节日问候
radio .wx-radio-input.wx-radio-input-checked::before{
width: 18rpx;
height: 18rpx;
line-height: 18rpx;
text-align: center;
font-size: 22rpx;
color: #fff;
background: transparent;扑街啊你是什么意思
transform:translate(-50%, -50%)scale(1);
-webkit-transform:translate(-50%, -50%)scale(1);教师调动申请
}
效果：
你可能需要以下内容：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。