Question

我只想改变它的宽度：

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

但我得到了这个：

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

改变..当我设置：

input {width:134px;}

Answer 1

给它class或id并使用类或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选择器。

Answer 2

如果您只想申请特定文本框，请使用the style attribute。

<input type="text" name="experience" style="width:134px"/>

如果要将其应用于页面上的所有文本框，请使用CSS：

.textbox { 
 width:134px; 
}

然后将其应用于文本：

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

Answer 3

在不更改HTML的情况下，您可以使用name属性设置css：

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

Answer 4

你应该给输入框一个类/ id，例如：

/

然后你应该在.css样式表中设置样式参数：要设置类样式，请使用.name {...}，id用于#name {...}

Answer 5

您可以按类型设置样式。

<input type="text" name="email">
<input type="text" name="phone">

input[type="text"]{ background:#ff0000; }

Answer 6

您的原始问题提到单个文本输入，但是您的后续评论提到您有许多文本输入，为了避免在您的css文件中重复，您可以将输入的类设置为“短”，然后应用那个班级的宽度。

input.short {width : 134px}

如果要将宽度应用于特定形式（或元素）的输入，可以使用：

form input {width : 134px}

如果您需要更改表单/网站的所有文本输入的宽度，将来可能会更具可扩展性

如何设置文本框的样式（html）

6 个答案: