css3 - 微信小程序如何把radio改成2个选择按钮的样式

问题描述

问 题

<radio-group>
        <label>
          <radio value="1" checked="checked" class="radio"/>demo1
          <radio style="margin-left: 40rpx;" value="2"/>demo2
          </label>
</radio-group>
          

想把radio改为2个按钮的样式。如下
用状态绑定的话style={{color}}只能绑定被点击的按钮本身的颜色，无法去掉其他按钮的颜色，请教该如何思路呢？

解决方案

你陷入思维误区了，为什么单选必须用radio呢，本身小程序也是数据驱动，你只要保证数据状态是正确的那么什么组件都可以承担radio的功能

这篇关于css3 - 微信小程序如何把radio改成2个选择按钮的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！