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

在 HTML/CSS 中，我们可以通过样式来设置复选框的大小。下面将介绍两种方法。

方法一：使用 transform

使用 transform 属性可以实现无限缩放，这也包括了复选框。

例如，下面的代码会将复选框大小缩小为原来的一半：

input[type="checkbox"] {
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

你可以通过修改 scale 的数值来改变复选框的大小。

方法二：使用缩写属性

在 CSS3 中，我们可以使用缩写属性来设置元素的大小。其中包括了 transform、scale、translate 等属性。

例如，下面的代码会将复选框的大小缩小为 10px：

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

你可以通过修改 width 和 height 的数值来改变复选框的大小。

总结

无论使用哪种方法，你都可以轻松地设置复选框的大小。鉴于 transform 属性能够实现无限缩放，推荐使用方法一。