小程序radio默认样式修改

/* radio样式修改 */
/* 单选、多选 勾选 */
/* 默认背景样式*/
radio .wx-radio-input{
width: 20rpx;
height: 20rpx;
background-color: #fff!important;
text-align: center;
line-height: 20rpx;
}
/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */
radio .wx-radio-input.wx-radio-input-checked {
border-color: #333!important;
opacity: 0.5;
background: #fff!important;
border:node;
}
/* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */
radio .wx-radio-input.wx-radio-input-checked::before {
/* 去除对号 */
content: '';
/* content: '对'; */
border-radius: 50%;
background-color: #333!important;
opacity: 1;
width: 20rpx; /* 选中后对勾大小,不要超过背景的尺寸 */
height: 20rpx; /* 选中后对勾大小,不要超过背景的尺寸 */
line-height: 20rpx;
border: none;
text-align: center;
border: none;
}
posted @   SultanST  阅读(24)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2016-10-27 正则表达式--转载于http://blog.csdn.net/yigelangmandeshiren/article/details/6414563
点击右上角即可分享
微信分享提示