Question

如何只用CSS样式定义input里的text与password

如何只用CSS样式定义input里的text与password

如果直接定义input. 会把所有input的样式都统一了.什么复选框之类的.

我只想控制text与password

前提是不用class与style

Answer 1

可以，用js，刚做了一个

不满意之处，百度消息我。。

代码：

<style type="text/css">
<!--
.myInput{border:0 #FFFFFF; border-bottom:#000000 solid 1px;background-color:#FF0000;}
-->
</style>

<script language="javascript" defer>
var u=document.getElementsByTagName("input");
for(var i=0;i<u.length;i++){
if(u[i].type=="text"||u[i].type=="password")u[i].className="myInput";
}
</script>

<input type="text"><br>
<input type="password"><br>
<input type="checkbox">

Answer 2

<style type="text/css">
<!--
.myInput{border:0 #FFFFFF; border-bottom:#000000 solid 1px;background-color:#FF0000;}
-->
</style>

<script language="javascript" defer>
var u=document.getElementsByTagName("input");
for(var i=0;i<u.length;i++){
if(u[i].type=="text"||u[i].type=="password")u[i].className="myInput";
}
</script>

<input type="text"><br>
<input type="password"><br>
<input type="checkbox">

Answer 3

除非用class或ID来指定，要不然是没法用css来定义的，input本身是一个对象，password或text却只是它的属性，文档对象模型里能通过对象控制其属性，但不能直接控制属性。

Answer 4

input[type="text"],input[type="password"]{你需要的样式！}

Answer 5

哪里要这么麻烦。。。。
input[type=text]
{
background-color: #FFCC33;
}
input[type=checkbox],input[type=radio]
{
width: 20px;border: 0px;
}