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

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

所有输入宽度为：200px（文本、按钮、复选框）。但我需要一个宽度：20px只为复选框

---

有可能吗？

您可以通过CSS将复选框设置为比默认值小，但不能比默认值大。若要增加复选框的大小，则需要jquery。示例

您可以通过CSS将复选框的大小设置为小于默认值，但不能大于默认值。若要增加复选框的大小，则需要jquery。示例

您可以使用：

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

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

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

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

您可以使用：

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

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

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

---

这是正确的表示法，但不起作用：）它会将宽度设置为20px，但在视觉上不起作用。试试看，看起来像是添加了边距。我将它粘贴到form.css文件中，但什么都没有发生。正确的表示法，但不起作用：）它会将宽度设置为20px，但不直观。我把它粘贴到我的form.css文件中，但什么也没发生我会看一看，有趣的定制表单我会看一看，有趣的定制表单