css - 创建 CSS 以放大复选框

Question

我想在几页上将复选框的大小加倍。我如何在 CSS 中做到这一点？我不想设置悬停样式。

想法？

Answer 1

要将复选框的大小加倍，您可以使用 CSS scale 属性。 (2,2) 表示原始宽度的 2 倍和高度的 2 倍，但这会相当大。

input[type="checkbox"] {
  transform:scale(2, 2);
}

您也可以使用十进制值，只是稍微大一点的复选框。

input[type="checkbox"] {
      transform:scale(1.3, 1.3);
    }