ADF 外观 - 更改所选复选框的图像

Question

.checkbox  input[type="checkbox"]{
        display: inline-block;
        width: 23px;
        height: 21px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        background: url(http://csscheckbox.com/checkboxes/u/csscheckbox_391ce065f36b1460c4845fa9b5173fba.png) top no-repeat  ;
        cursor: pointer;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;

}
.checkbox  input[type="checkbox"]:checked{
      background: url(http://csscheckbox.com/checkboxes/u/csscheckbox_391ce065f36b1460c4845fa9b5173fba.png)0px bottom !important;
}

我创建了一个复选框，并在选中它时更改了它的样式，图像没有更改。我能做什么？

Answer 1

谢谢 ，我通过这个解决方案解决了它

.checkbox input[type="checkbox"]{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 5px 0 0;
    vertical-align: middle;
   background: url(http://csscheckbox.com/checkboxes/u/csscheckbox_a967b1e8ddfb00be4a2edf9abd4371c3.png)0px top no-repeat  ;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

}
 .checkbox af|selectBooleanCheckbox::content  input[type="checkbox"]:checked{
      background:url(http://csscheckbox.com/checkboxes/u/csscheckbox_a967b1e8ddfb00be4a2edf9abd4371c3.png) 0px bottom !important   ;
}