radio 原来的样式:
radio 现在的效果:
<template>
<label class="radio">
<radio value="" />
</label>
</template>
修改 radio 的样式要在 App.vue 中修改
/* radio 选中后的样式 */
uni-radio .uni-radio-input.uni-radio-input-checked{
background-color: #248067!important;
border-color: #248067!important;
background-clip: content-box!important;
padding: 6rpx!important;
box-sizing: border-box;
}
/* radio 选中后的图标样式*/
uni-radio .uni-radio-input.uni-radio-input-checked::before{
display: none!important;
}
boxing-sizing:
1、content-box 计算宽度不包含padding和border宽度
2、border-box border和padding计算入width之内
3、padding-box padding计算入width之内