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

Question

<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}}只能绑定被点击的按钮本身的颜色，无法去掉其他按钮的颜色，请教该如何思路呢？

Answer 1

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

Answer 2

请问一下楼主，你的怎么重置小程序raido组件的样式的？ 试了好几种方法貌似都重置不了，看你截图是radio组件样式重置成功了？求解

---

已找到可以重置组件样式的办法了~

Answer 3

这不是重置，只是两个按钮，用数据控制状态模拟radio的讨巧的办法！