Checkbox height width 在Chrome里面设置没有作用, 大小没有变化

<input type=checkbox style="zoom:1.5" />

input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

建议用其他的方法，比如讲div设置为checkbox样式， 真实的checkbox给隐藏掉， 然后把div和checkbox做下绑定即可。