小程序 radio css 样式修改

陌辰辰
陌辰辰 2019 年 07 月 08 日

通过 css3 选择器修改


<radio-group class="radio-group" bindchange="radioChange">
  <label class="radio" wx:for="{{items}}">
    <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
  </label>
</radio-group>

label {
  position: relative;
}
radio {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0;
}

[aria-checked=true] {
  z-index: -1;
  background-color: aquamarine;
}