如何在不变换比例的情况下更改复选框的宽度

Question

我似乎很难找到一种方法来更改仅复选框的 width . 我知道你可以增加规模，例如transform: scale(2); 但我只想增加宽度比方说

#myCheckBox {
 width: 50px
}

为什么这不起作用？

Answer 1

假设您的 HTML CODE 是：

<input type="checkbox" name="checkBox1" checked id="myCheckBox">

所以您可以通过 CSS CODE:

设置 复选框 的样式

#myCheckBox {
  transform : scale(3,1); /*3 for width,1 for height*/
}

注意 : 1 值是比例的默认值

how can I change width of a checkbox Without transform Scale