收藏
回答

自定义组件内如何修改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);

}


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

1 个回答

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

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

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

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

      2019-07-03
      回复
登录 后发表内容