如何在 HTML/CSS 中设置复选框大小？

在 HTML/CSS 中，设置复选框的大小需要用到 CSS 中的 width 和 height 属性。下面是一个示例代码片段：

<input type="checkbox" name="example" id="example">

input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

代码解释：

• <input> 标签用于创建一个输入控件，可以是复选框、单选框、文本框等；
• type="checkbox" 属性指定创建一个复选框；
• name 属性用于指定控件的名称，提交表单时会用到；
• id 属性用于标识控件，可以用于 JavaScript 操作等；
• 在 CSS 中，input[type="checkbox"] 选择器用于指定所有类型为复选框的 <input> 控件；
• width 和 height 属性分别指定控件的宽度和高度，这里设置为 20 像素。

如果要指定不同的复选框大小，可以针对不同的复选框使用不同的 CSS 类或 ID，例如：

<!-- 创建一个大小为 20px 的复选框 -->
<input type="checkbox" name="example1" id="example1" class="small">
<!-- 创建一个大小为 30px 的复选框 -->
<input type="checkbox" name="example2" id="example2" class="medium">
<!-- 创建一个大小为 40px 的复选框 -->
<input type="checkbox" name="example3" id="example3" class="large">

input[type="checkbox"].small {
  width: 20px;
  height: 20px;
}

input[type="checkbox"].medium {
  width: 30px;
  height: 30px;
}

input[type="checkbox"].large {
  width: 40px;
  height: 40px;
}

代码解释：

• 第一个复选框设置了 class="small"，指定使用 small 类；
• 第二个复选框设置了 class="medium"，指定使用 medium 类；
• 第三个复选框设置了 class="large"，指定使用 large 类；
• 在 CSS 中，针对不同的类分别设置不同的 width 和 height 属性。

综上所述，通过 HTML/CSS 可以非常方便地设置复选框的大小。