How does WeChat applet change radio to the style of 2 selection buttons

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

I want to change radio to the style of 2 buttons. As follows
If you use state binding, style={{color}} can only bind the color of the clicked button itself, and cannot remove the color of other buttons. how do you think?
clipboard.png

You have fallen into the wrong thinking. Why must radio be used for radio selection? Its own applets are also data-driven. As long as you ensure that the data state is correct, any component can assume the function of radio.