html – 复选框大小随CSS变化

前端之家收集整理的这篇文章主要介绍了html – 复选框大小随CSS变化前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Checkbox size in HTML/CSS8个
如何更改复选框大小(globaly),不需要类和id?是否可以这样做:
input[type=checkBox] {
    zoom: 1.5;
}

解决方法

输入字段可以根据需要进行设计.所以不用放大,你可以拥有
input[type="checkBox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
}

编辑:

您必须添加额外的规则,如下所示:

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

检查这个小提琴http://jsfiddle.net/p36tqqyq/1/

猜你在找的HTML相关文章