摘要：
要匹配整个页面样式，请将选择框设置为紫色。1231456278然而，这两个控件的颜色在微信小程序中不起作用。当然，H5页面会显示其原始颜色。注释红色框中的两行代码。发现在微信小程序中，页面的单选框和复选框可以进行更多更改。因此，由于样式冲突，默认情况下无法显示单选框和复选框的问题有两种解决方案。注释或修改冲突的参照样式。
今天，由于业务需要，设置了checkbox和radio。为了配合整体页面的样式，令选择框为紫色。
1 <view class="flex flex-direction bg-white"> 2 <label > 3 <radio color="#FF00FF"></radio>1 4 </label> 5 <label> 6 <checkbox color="#FF00FF"></checkbox>2 7 </label> 8 </view>
然而，这两个控件的颜色在微信小程序中，不起作用。
当然，在H5页面，发挥了它本来的颜色。
后来，才知道是因为样式冲突引起的。打开App.vue。发现项目使用了默认的colorUI的样式。
注释红框内的两行代码。发现在微信小程序中，页面的radio和checkbox能够更加需要变化。
故，因为样式冲突，radio和checkbox默认不可显示的解决方法有两个。
- 注释或修改引起冲突的引用样式。
- 使用另一个页面的radio样式。例如，在colorUI中可用这样写checkbox或radio控件的代码。
1 <view class="flex flex-direction bg-white"> 2 <label > 3 <radio class="purple" ></radio>1 4 </label> 5 <label> 6 <checkbox class="purple"></checkbox>2 7 </label> 8 </view>