<view class="section section_gap">
<view class="section__title">radio</view>
<radio-group name="radio-group">
<label><radio color="#fff" value="radio1"/>radio1</label>
<label><radio color="#fff" value="radio2"/>radio2</label>
</radio-group>
</view>
<view class="section section_gap">
<view class="section__title">checkbox</view>
<checkbox-group name="checkbox">
<label><checkbox value="checkbox1"/>checkbox1</label>
<label><checkbox value="checkbox2"/>checkbox2</label>
</checkbox-group>
</view>
radio .wx-radio-input{
width: 40rpx;
height: 40rpx;
line-height: 40rpx;
border-radius: 50%;
}
radio .wx-radio-input.wx-radio-input-checked::before {
width: 40rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
font-size: 30rpx;
color: #fff;
background: transparent;
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
background: #00C389;
border: 1rpx solid #00C389;
border-radius: 50%;
}
checkbox .wx-checkbox-input {
width: 35rpx;
height: 35rpx;
line-height: 35rpx;
border-radius: 3px;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
border: 1rpx solid #00C389;
background: #00C389;
width: 35rpx;
height: 35rpx;
line-height: 35rpx;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
width: 35rpx;
height: 35rpx;
line-height: 35rpx;
text-align: center;
font-size: 30rpx;
color: #fff;
background: transparent;
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}