微信小程序> 微信小程序自定义radio单选框默认样式

微信小程序自定义radio单选框默认样式

浏览量:551 时间: 来源:小知的Blog
radio-group class="classify" bindchange="radioChange"    label class="classify-label" wx:for-items="{{classify}}" wx:key="name"      radio value="{{item.name}}" checked="{{item.checked}}" / text class="classify-text"{{item.value}}/text    /label/radio-group
/* 未选中的 背景样式 */radio .wx-radio-input{     height: 36rpx;     width: 36rpx;    border-radius: 50%;    background: transparent; }/* 选中后的 背景样式 */radio .wx-radio-input.wx-radio-input-checked{   border: none;}/* 选中后的 对勾样式 */radio .wx-radio-input.wx-radio-input-checked::before{   border-radius: 50%;   width: 36rpx;    height: 36rpx;   line-height: 36rpx;   text-align: center;   font-size:36rpx;    color:#fff;   background: #33c9ff;   border: 6rpx solid #33c9ff;}

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎