ie11 hack写法

@media all and (-ms-high-contrast: none) {}

checkbox

  1. <div>
  2.   <input id="a1" type="checkbox" />
  3.     <label for="a1">a1</label>
  4. </div>
  6. <style>
  7. // 选中的
  8. .checkbox input:checked + label {
  9.     background-image: url('checked.png');
  10. }
  11. // 未选中的
  12. .checkbox input + label {
  13.     background: url('unChecked.png') left center no-repeat;
  14.   background-size: 20px 20px;
  15.   padding-left: 20px;
  16. }
  17. </style>

案例：tab切换（radio），tree（checkbox）