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

【问题标题】：Use different css for input type text and checkbox对输入类型文本和复选框使用不同的 css
【发布时间】：2012-08-02 00:06:43
【问题描述】：

当我尝试更改输入复选框的宽度时遇到问题。

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

有可能吗？

【问题讨论】：

【解决方案1】：

你可以使用：

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

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

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

然后使用：

.checkbox {width:20px}

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：