checkbox背景颜色设置

checkbox背景颜色设置

js文件

 data: {
 languages:[
   {
     'id':1,
     'name':"python"
   },
   {
    'id':2,
    'name':"java"
  },{
    'id':3,
    'name':"php"
  },
 ]
  },

wxml文件

  <form bindsubmit="onsubmitevent">
    <checkbox-group bindchange="onchangeevent" name="languages">
  <checkbox  wx:for="{{languages}}" value="{{item.id}}" >{{item.name}}</checkbox>
  </checkbox-group>
  <button form-type="submit">提交</button>
  </form>

wxss文件

checkbox{
  font-size: 12px;
}
checkbox .wx-checkbox-input{
  border-radius: 50%;
}
checkbox .wx-checkbox-input-checked{
  background: red;
  /* border-color: red; */
}
checkbox .wx-checkbox-input-checked::before{
 color: #fff;
}