如何写css让其只对input中的text生效

 

如何写css让其只对input中的text生效   

 

 现在写了这样一段css，但是它将radio，checkbox也变了，加上了一个特别难看的框   

 INPUT   

 {   

 font-size:    10pt;  

 color:    black;  

 background-color:    white;  

 border-right:    gray   1px   solid;  

 border-top:    gray   1px   solid;  

 border-left:    gray   1px   solid;  

 border-bottom:    gray   1px   solid;  

 }   

 如果要为text重新定义一种样式，则修改的工作量就太大了   

 有没有类似a,    a:hover这样的css选择器？

 

 

可以用HTC实现..   

   

 demo.htm   

   

 <style>   

 INPUT   

{   

      behavior:url(bao.htc);  

 }   

 .baoText   

{   

 font-size:    10pt;  

 color:    black;  

 background-color:    white;  

 border-right:    gray   1px   solid;  

  border-top:    gray   1px   solid;  

 border-left:    gray   1px   solid;  

 border-bottom:    gray   1px   solid;  

 }   

 </style>   

 <input    type=text>  

 <input    type=checkbox>  

   

 bao.htc   

 

 <PUBLIC:COMPONENT    URN="urn:msdn-microsoft-com:workshop"   >  

 <script>   

 if(element.type=="text")   

{   

        this.className="baoText";  

 }   

 </script>   

 </PUBLIC:COMPONENT>