小程序修改默认的单选样式

/*radio未选中时样式 */ 
radio .wx-radio-input {
  width: 30rpx;
  height: 30rpx;
}


/* 选中后的 背景样式 */
radio .wx-radio-input.wx-radio-input-checked {
  border-color: #25A96D!important;
  background-color: #fff!important;
  width: 30rpx;
  height: 30rpx;
}

/* 选中后的 对勾样式  */
radio .wx-radio-input.wx-radio-input-checked::before {
  /* 去除对号 */
  content: ‘‘; 
  width: 24rpx;
  height: 24rpx;
  border-radius: 50%;
  background-color: #25A96D;
}

修改后展示效果

小程序修改默认的单选样式

 

小程序修改默认的单选样式

上一篇:小程序---电影商城---第三方组件 vant(vant weapp)


下一篇:Zabbix监控客户端及实现邮件、微信报警