taro/微信小程序修改checkbox/radio默认样式

taro/微信小程序修改checkbox/radio默认样式

1、改颜色

<Radio color='#FF7464'></Radio>

2、改大小

<Radio style={{transform:'scale(0.8)'}} color='#FF7464'></Radio>

color可直接改变选中后的颜色

transform即放大或者缩小

https://blog.csdn.net/qq_36894527/article/details/83893426

Radio .wx-radio-input//这个是没选中时

Radio .wx-radio-input.wx-radio-input-checked
//这个是选择后

taro中radio切换选中状态点击得到选中的值

1首先引入这个按钮

import { View, Image, RadioGroup, Text, Input, Radio, Button, label } from '@tarojs/components'

2在state定义一个选中状态

3在render()里面写上dom结构

  <RadioGroup onChange={this.singlechange.bind(this)}>
                            
  <Radio value="2" checked={this.state.checked} 
  onClick={this.handclick} color='#FFFFFF' ></Radio>
                        </RadioGroup>

4定义的点击事件写上

 handclick = (e) => {

        this.setState({
            checked: !this.state.checked
        })
    }
    singlechange = (e) => {
        console.log(e.detail.value)
    }

https://blog.csdn.net/tonkatsuman/article/details/91039660