微信小程序如何修改微信小程序如何修改radio和和checkbox的默认样式和图标的默认样式和图标
wxml：：
<view class="body">
<view class="body-content">
第1题：企业的价值观是 ？
</view>
<view class="label">单选</view>
</view>
<view class="options">
<radio-group class="radio-group" bindchange="radioChange">
<label class="radio" wx:for="{{items}}" wx:key="{{index}}">
<view>
<radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
</view>
</label>
</radio-group>
</view>
我们看一下原生的效果：效果：
修改wxml中的redio 组件的color属性：
<radio value="{{item.name}}" checked="{{item.checked}}" color="#fff"/>{{item.value}}
wxss（只有修改样式的部分）：（只有修改样式的部分）：
/* 单选、多选 勾选 */
/*radio未选中时样式 */
radio .wx-radio-input{
/* 自定义样式.... */
/* 我这里没有进行，未选中的样式修改
height: 40rpx;
width: 40rpx;
margin-top: -4rpx;
border-radius: 50%;
border: 2rpx solid #999;
background: transparent;
*/
}
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
radio .wx-radio-input.wx-radio-input-checked {
/* border: none; */
border-color: #2792ff!important;
资源评论
weixin_38627590
- 粉丝: 13
- 资源: 919
最新资源
- 白色大气风格的SEO搜索引擎优化网站模板.zip
- 白色大气风格的VPS销售网站模板.zip
- 白色大气风格的背包客自由旅行css3响应式模板.zip
- 白色大气风格的背景主题企业网站模板下载.zip
- 白色大气风格的别墅装修设计响应式网站模板下载.zip
- 白色大气风格的别墅设计案例HTML5企业网站模板.zip
- 白色大气风格的导航固定跟随网页模板下载.zip
- 白色大气风格的大阳能发电企业网站模板.zip
- 白色大气风格的创意建筑设计模板下载.zip
- 白色大气风格的电影上映影讯网站模板.zip
- 白色大气风格的电影下载网站模板下载.zip
- 白色大气风格的地图坐标网页模板下载.zip
- 基于两种坐标系的超螺旋滑模观测器的永磁同步电机pmsm无位置（速度）传感器控制模型 支持 dq旋转坐标系和静止坐标系建立smo 引入二阶滑模超螺旋算法替代一阶滑模 dq坐标系引入锁相环PLL估计转速及
- 白色大气风格的电子产品设计模板下载.zip
- BA56-12EWA.OLB
- 三微网优化matlab+yalmip 采用matlab+yalmip编程，实现三个微网的优化调度，分别包括微网内燃气轮机、燃料电池、储能等主体约束，还包括微网间互供以及和电网间购电约束，程序以成本最低
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
