请问按照如下方式设置的checkbox样式，为什么一点变化没有？哪位可以帮帮忙解答，谢谢

checkbox .wx-checkbox-input{

    border-radius:50%;

    width:20px;height:20px;

}
checkbox .wx-checkbox-input.wx-checkbox-input-checked{

    border-color:#F0302F !important;

    background:#F0302F !important;

}
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{

    border-radius:50%;

    width:20px;

    height:20px;

    line-height:20px;

    text-align:center;

    font-size:15px;

    color:#fff;

    background:transparent;

    transform:translate(-50%, -50%) scale(1);

    -webkit-transform:translate(-50%, -50%) scale(1);

}