收藏
回答

为什么radio的css属性在调试器里看不到?

菜鸟一枚。我想修改radio的样式,但是发现调试器看不到radio的任何css属性,那么我们所看到的radio展示出来的样子,是在何处定义的?

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

2 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    2021-01-04

    继承的

    2021-01-04
    有用
    回复 3
  • 四天
    四天
    2021-12-15

    今天也遇到了,重写以下样式就能解决:

    .wx-radio-input{
      width: 20rpx;
      height: 20rpx;
    // 关键是覆盖border和background-color
      border: none;
      background-color: #fff;
    }
    .wx-radio-input-checked {
      background-color: #39aefd !important;
    
    // 这个是选中状态那个白色的√
      &:before {
        display: none;
      }
    }
    

    我是使用kbone开发的,覆盖后有出现垂直居中的问题,强行设置了radio标签的样式解决了

    radio {
      margin-top: -16rpx;
    }
    

    另外,这两个class是我在官方文档找到的https://developers.weixin.qq.com/miniprogram/dev/component/radio.html

    其他的组件也可以这样尝试一下。

    顺便,吐槽一下这个官方运营:不管你知不知道怎么解决,这种回复简直是找打性的回复,你这么厉害大概是一位行内顶尖的人才吧。

    2021-12-15
    有用
    回复
登录 后发表内容
问题标签