收藏
回答

修改radio选中状态的背景色不生效,依然是绿色

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 7.0.0 2.1.1

- 当前 Bug 的表现(可附上截图)


radio .wx-radio-input{
  height: 52rpx;
  width: 52rpx;
  margin-top: -8rpx;
  border-radius: 50%;
  border: 2rpx solid #0e0409;
  background: #e4f2fd ;
}
radio .wx-radio-input.wx-radio-input-checked{
  border: none;
  background: red;
}
radio .wx-radio-input.wx-radio-input-checked::before{
   border-radius: 50%;/* 圆角 */
   width: 34rpx; /* 选中后对勾大小,不要超过背景的尺寸 */
   height: 34rpx; /* 选中后对勾大小,不要超过背景的尺寸 */
   line-height: 34rpx;
   text-align: center;
   font-size:0rpx; /* 对勾大小 30rpx */
   color:#fff; /* 对勾颜色 白色 */
   background: #009cdc;
   /* transform:translate(-100%, -100%) scale(1);
   -webkit-transform:translate(-100%, -100%) scale(1); */
}

选中状态的背景色设定是红色,单选中时依然是绿色

请问这是为什么啊?

最后一次编辑于  2019-06-28
回答关注问题邀请回答
收藏

1 个回答

  • 微盟
    微盟
    2019-06-28

    目前不知道为何  但是附上解决方法


    radio .wx-radio-input.wx-radio-input-checked{

    border:none;

    background: red !important;

    }


    2019-06-28
    有用
    回复
登录 后发表内容