收藏
回答

自定义组件内如何修改radio样式

在自定义组件中修改radio的选中及默认状态下的样式失败,但是如果在 page 界面内修改却正常,请问如何在自定义组件内修改radio的样式


样式代码:

radio .wx-radio-input {

  margin-right: 15rpx ;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: none;

  border-radius: 6rpx;

  box-sizing: border-box;

}


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

  background-color: transparent;

  border-color: #2cc078;

  overflow: hidden;

  box-sizing: border-box;

}


radio .wx-radio-input.wx-radio-input-checked::before {

  content: url(http://www.lutao.com/front/images2014/common/tick.svg);

  background-size: 20rpx 20rpx;

  font-family: "iconfont" !important;

  font-size: 10rpx;

  color: #2cc078;

  top: auto;

  left: auto;

  right: -4rpx;

  bottom: -4rpx;

  transform: translate(0, 0) scale(1);

  -webkit-transform: translate(0, 0) scale(1);

}


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

4 个回答

  • 少年啦
    少年啦
    2019-07-03

    都自定义组件了,还改啥样式,自己写一个,

    2019-07-03
    有用 2
    回复 1
    • _
      _
      2019-07-03

      主要是想要单选效果,自己写一个怕有毛病

      2019-07-03
      回复
  • Leo
    Leo
    2021-11-26

    我也遇到了这个问题,不过在app.wxss中设置就可以了

    2021-11-26
    有用
    回复
  • 醉卧沙场
    醉卧沙场
    2020-09-12

    解决了吗,楼主出来聊聊

    2020-09-12
    有用
    回复
  • Ha Ha Ha
    Ha Ha Ha
    2020-07-26

    解决了吗我也想知道,这咋失效呢

    2020-07-26
    有用
    回复
登录 后发表内容