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

Question

我似乎很难找到一种方法来只更改复选框的宽度。我知道你可以用例如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值是刻度的默认值