uniapp:修改radio点击后的样式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之内
box sizing
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论