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

Question

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

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

有可能吗？

Answer 1

您可以使用：

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

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

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

然后使用：

.checkbox {width:20px}

Answer 2

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

Answer 3

您可以通过CSS设置小于默认值的复选框，但不能更大。如果你想增加复选框的大小，你需要jquery。示例LINK