/* radio未选中的背景颜色 */
.radio .wx-radio-input {
border: none;
background: #454545;
box-sizing: border-box;
}
/* radio钩子背景 */
radio .wx-radio-input.wx-radio-input-checked::before {
width: 60rpx;
height: 60rpx;
line-height: 60rpx;
text-align: center;
border-radius: 50%;
background: #454545;
color: #fecd01;
border: 6rpx solid #fecd01;
}
本文详细介绍了如何使用WX Radio组件自定义样式,包括未选中状态和选中状态的背景颜色、边界和字体颜色。通过调整CSS属性,可以实现个性化的UI设计,提升用户体验。
1106

被折叠的 条评论
为什么被折叠?



