html - 如何设置文本框的样式 (html)

Question

我只想改变它的宽度:

     <input type="text" name="experience"/>

但是我有这个:

<input type="checkbox" name="option2" value="2222" />

也改变..当我设置时:

input {width:134px;}

Answer 1

给它一个 class 或一个 id 并使用一个 class 或 id 选择器:

<input type="text" name="experience" id="experience" />
<input type="text" name="experience" class="experience" />

#experience { width:134px }
.experience { width:134px }

或者，您可以使用 attribute selector :

input[name='experience'] { width:134px }

但是请注意，属性选择器在 IE6 中不起作用，因此如果您想支持它，则必须使用类或 ID 选择器。