html - 对输入类型文本和复选框使用不同的 css

Question

当我尝试更改输入复选框的宽度时，我遇到了麻烦。

所有输入都是宽度：200px（文本、按钮、复选框）。但我需要一个宽度：20px 仅用于复选框。

可能吗？

score 2 · Accepted Answer

您可以使用：

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

但这并不完全兼容浏览器。如果您在复选框中添加一个类，所有浏览器都会识别，即。

<input type="checkbox" class="checkbox" />

然后使用：

.checkbox {width:20px}

score 1 · Accepted Answer

1

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

于 2012-08-02T00:09:15.450 回答

score 1 · Accepted Answer

您可以通过 CSS 设置比默认复选框更小的尺寸，但不能更大。如果要增加复选框的大小，则需要 jquery。示例链接

3 回答 3