如何寫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>