在html中如何设置复选框checkbox的大小

这个问题有2种理解：占位大小（所占空间）和展示大小（展示的样式）；

占位大小：可以直接通过设置宽高来设置大小,如：

checkbox{

width:100px

height:80px

}

效果如：

如图，左边红框，即占位空间-100*80，为样式所控制的width:100pxheight:80px

左边蓝框，即展示，也就是我们一般看到的checkbox的样子了，它的大小就是由最小的宽高值决定的，如上例子最小值是高度的80px,那么这边的展示就是80*80；

PS：主要是理解：占位和展现是不一样。

html5设置复选框的宽度和高度一般是结合CSS3来设置的，我这里提交码 Click Me! checkbox{ width:100pxheight:100px} 这样你的宽高就设置好了！html5如何设置复选框大小

1、打开网页开发工具，新建一个HTML文件。

2、编写HTML：表单复选框。

3、编写CSS：复选框的样式。

4、编写CSS部分：复选框选中后的样式。

5、最好打开浏览器预览效果，满意保存即可。

注意事项

复选框提供一个制造单一选择开关的方法；它包括一个小框和一个标签。典型的复选框有一个小的“X”（或者它设置的其它类型）或是空的，这依靠项目是否被选择来决定的。

---