小程序自定义单选按钮样式（微信）
作者:
谢_ffd1 | 来源:发表于
2020-10-15 14:13 被阅读0次/* 单选按钮样式*/
radio .wx-radio-input {
width: 40rpx;
height: 40rpx;
border: 2rpx solid #999;
border-radius: 100%;
background: none;
}
/*单选按钮选中后内部样式*/
radio .wx-radio-input.wx-radio-input-checked {
border: 2rpx solid #fe9139 !important;
}
radio .wx-radio-input.wx-radio-input-checked::before {
width: 80%;
height: 80%;
background: #fe9139;
border-radius: 100%;
content: '';
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
默认样式
image.png
自定义
image.png
多选按钮样式自定义 直接将radio替换成checkbox
本文标题：小程序自定义单选按钮样式（微信）
本文链接：https://www.haomeiwen.com/subject/bunnpktx.html
网友评论