在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
今天,由于业务需要,设置了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默认不可显示的解决方法有两个。
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> |
请发表评论