今天，由于業務需要，設定了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>