收藏
回答

radio修改默认样式时为什么会有没有设置的颜色?

修改radio的默认样式时,出现了不想要的颜色,但是没找到时哪边影响的

中间那个绿色不知道是怎么出现的

wxml:

<view class="radio_box">
  <radio style="transform:scale(0.7)" value="{{item.value}}"/>
</view>

wxss:

/* 单选按钮样式*/
radio .wx-radio-input {
  width: 40rpx;
  height: 40rpx;
  border: 4rpx solid #999;
  border-radius: 100%;
  background: none;
}


/*单选按钮选中后内部样式*/
radio .wx-radio-input.wx-radio-input-checked {
  border: 4rpx solid #ff3c64!important;
}


radio .wx-radio-input.wx-radio-input-checked::before {
  width: 60%;
  height: 60%;
  background: #ff3c64;
  border-radius: 100%;
  content: '';
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

希望的是中间绿色不分是没有颜色的

回答关注问题邀请回答
收藏

1 个回答

  • learn
    learn
    2020-12-01
    radio .wx-radio-input{
      border-radius:50%;
      width:32rpx;
      height:32rpx;
    }
    radio .wx-radio-input.wx-radio-input-checked{
      border-color:#ccc !important;
      background:#fff !important;
    
    }
    radio .wx-radio-input.wx-radio-input-checked::before {
      display: block;
      width: 25rpx;
      height: 25rpx;
      content: '';
      background-color:#0B1B65;
      border-radius: 50%;
    }
    


    2020-12-01
    有用 1
    回复
登录 后发表内容
问题标签