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

Question

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

所有输入都是宽度:200px(文本、按钮、复选框)。但是我只需要一个 width:20px 用于复选框。

这可能吗？

Answer 1

您可以使用:

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

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

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

然后使用:

.checkbox {width:20px}