打开小程序开发者工具的调试模式，查看元素的样式，截图如下 完全看不到小程序是如何设置Checkbox的样式的，小程序实现Checkbox的样式代码对我们是黑盒的。 于是很多同学自己开始吭哧吭哧地编写一个模拟的组件，创建一个template，编写它的数据渲染和事件监听处理 ...

/*checkbox 选项框大小 */ .agreement-box checkbox .wx-checkbox-input { width: 21rpx; height: 21rpx; } /*checkbox选中后样式 */ .agreement-box ...

效果图 1,wxml 代码 2,wxss 代码 ...

...

小程序中checkbox的样式是正方形的，设计图上给的是一个圆圈，在查看官方demo的时候发现了怎么修改的 首先在微信官方文档上找到复选框的demo 然后审查代码找到复选框的样式部分 可以看到选中的复选框的class为wx-checkout-input 选中 ...

： 如上，还是跟我们修改html原生标签样式是一样的，只不过我们不了解小程序这些原生组件的内部结构罢 ...

微信小程序checkbox 去掉checkbox前面的方框/样式修改 ...

wxml： 我们看一下原生的效果： 修改wxml中的redio 组件的color属性： wxss（只有修改样式的部分）： 修改后的单选框样式： 复选框同理。 wxml： wxss ...