<radio-group name="country" class="radio-group" bindchange="radioChange"> <label ...

/* 自定义 radio 样式 */radio{ width: 38rpx;} radio .wx-radio-input{ border-radius: 50%; width: 28rpx; height: 28rpx;} /* 选中后的样式 （可根据设计稿需求自己修改） */radio ...

radio 单选项目，与HTML 中类似 小程序中可以通过color 属性来进行修改颜色，要触发事件需集合radio - group 一块使用 官方文档 ...

修改后展示效果 修改复选框默认样式 ...

//index.wxml <view class="item"> <p>单选</p> <block wx:for="{{box}}" wx:for-item="box" wx:for-index="index"> <view ...

之前写过关于多选框设置样式的办法，其实与单选框设置的方法一样，唯一不同的是，在css样式里，/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */的下面定义的css需要加上!important才会生效，意思是本css拥有最高权重，但是多选框就不用，挺逗 ...

wxml： <radio-group class="radio-group" bindchange="radioChang" data-id="{{item.id}}"> ...

html代码 2.css代码 3.效果 ...