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的討巧的辦法！