如何给 input 中 type="text" 设置css

Posted 2023-03-01

有很多种解决方案：

直接在input标签里写：<input type="text" style="border:1px solid red;"/>

可以通过给input标签设置id：<input type="text" id="inp"/>，然后在css文件中这样写：#inpborder:1px solid red;"

如果要是统一的设置所有的input标签还可以这样写：<input type="text"/>css中这样写：inputborder:1px solid red;"

当然你还可以通过js jQuery等来定义你所需要的css样式。

参考技术A 　　如果是一个或者多个input文本框，可以用下面的方法：
　　<input type="text" class="input_txt" />
　　.input_txt css样式

　　如果是所有的input文本框，可以用下面的方法：
　　<input type="text" />
　　input[type="text"] css样式 参考技术B 如果你给这个页面全部input都设置的话，
直接
<style>
inputfont-size:20px;color:#f00
</style>
上面是字体20px，颜色是红色，，

如果给单个设置的话，
可以用class或者id来做选择。
<style>
.testfont-size:20px;color:#f00
</style>
<input class="test" type="text" value="xxxxx">本回答被提问者和网友采纳 参考技术C 排除IE6
用css过滤

input[type=="text"]
border:1px solid #ddd;


恩，这个css只有IE6以上版本才支持

否则，你只有在type==text的input加上特定的class了 参考技术D 　如果是一个或者多个input文本框，可以用下面的方法：
　　<input type="text" class="input_txt" />
　　.input_txt css样式

　　如果是所有的input文本框，可以用下面的方法：
　　<input type="text" />
　　input[type="text"] css样式