首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

input关于type=text的css有关问题.等了!

2012-02-08 
input关于typetext的css问题.等了!!!在CSS里能不能只控制input里的text的样式?看了之前一贴,实现方法如下

input关于type=text的css问题.等了!!!
在CSS里能不能只控制input里的text的样式?

看了之前一贴,实现方法如下:
<INPUT   TYPE= "text "   NAME= " "   value= "text ">

<style>
INPUT.text
{
height:19px;
padding:2px   2px   2px;
}
</style>

<script>      
    var       a       =       document.getElementsByTagName( "INPUT ");      
    for(var       i=0;       i <a.length;       i++){
if(a[i].type== "text "){
a[i].className= "text ";      
}
    }
</script>    

除以上这方法外是否还有其实只需要在样式表里就能控制的?

[解决办法]
<style>
INPUT
{
color:red
}
</style>
[解决办法]
input[type=text] {border:1px solid #000000}
[解决办法]
lkh42002(HAI) 写的
input[type=text] {border:1px solid #000000}
在FF中可以显示出效果呀,但在ie中不能显示,为什么呀?

[解决办法]
input[type=text], input[type=password] {
padding:2px;
border:1px solid #ccc;
}

input {
padding:expression(type == "text " || type == "password " ? "2px " : "normal ");
border:expression(type == "text " || type == "password " ? "#ccc solid 1px " : "normal ");
}

select {
padding:1px;
border:1px solid #ccc;
}

textarea {
border:1px solid #ccc;
padding:2px;
}

[解决办法]
<style>
INPUT#x{background:#369;color:ff4}
INPUT#x1{background:red;color:fff}
#v1 input#x2{background:yellow;color:000}
</style>
<div id= 'v1 '>
<input id= "x " type= 'text ' value= 'xxx '>
<input id= "x1 " type= 'text ' value= 'xxx '>
<input id= "x2 " type= 'text ' value= 'xxx '>
</div>
类选择器上面有了就不举例了

热点排行