Question

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

Answer 1

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

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

checkbox{

width:100px;

height:80px;

}

效果如：

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

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

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

Answer 2

方法一：<input type="checkbox" aria-label="..." style="zoom:200%;">

默认zoom是100%，根据自己的需要，更改缩放倍数即可。

方法二：

<input type="checkbox" aria-label="..." style="height: 24px;width: 24px;">

记住，要同时设置 height 与 width。

推荐使用 方法二。

Answer 3

checkbox那个框的样子是不会变大的，但触发区域可以通过你设置width height样式变大。对那个框样子不满意的话，可以将它透明度设为0，下面放一个样式中意的div，这样能够做到看上去是在点击那个div。

简介：

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

使用：

每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。

BGCOLOR 用于定义网页的背景色。

BACKGROUND 用于定义网页背景图案的图像文件。

TEXT 用于定义正文字符的颜色，默认为黑色。

LINK 用于定义网页中超级链接字符的颜色，默认为蓝色。

VLINK 用于定义网页中已被访问过的超接链接字符的颜色，默认为紫红色。

ALINK 用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色。

Answer 4

checkbox那个框的样子是不会变大的，但触发区域可以通过你设置width height样式变大。对那个框样子不满意的话，可以将它透明度设为0，下面放一个样式中意的div，这样能够做到看上去是在点击那个div。