关于input 那些事

1. 1.用css的expression判断表达式  
2.     input  
3.     {  
4.         background-color:expression(this.type=="text"?'#FFC':'');  
5.     }  
6. 优点：简单  
7. 缺点：expression判断表达式FireFox是不支持的。致命的是只能区分出一个（例如例子中就只能区分出text文本框），不要试图设置多个，下面的会将上面的覆盖掉  
8.   
9. 2.用css中的type选择器  
10.     input[type="text"]  
11.     {  
12.         background-color:#FFC;  
13.     }  
14.      
15.     input[type="password"]  
16.     {  
17.         background-image:url(BG.gif);  
18.     }  
19. 优点：简单，明了，可以分区出各个input控件形态。  
20. 缺点：type选择器，IE6之前的对web标准支持的不太好的浏览器不能支持  
21. 3.用javascript脚本实现  
22. <mce:script language=javascript><!--  
23. switch(type)  
24. {  
25.     case 'text':  
26.     style.backgroundColor="red";  
27.     break;  
28.     case 'password':  
29.     style.backgroundImage="url(BG.gif)";  
30.     break;  
31.     case 'submit':  
32.     style.backgroundColor="blue";  
33.     style.color="white";  
34.     break;  
35. }  
36. // --></mce:script>  
37. 优点：可以分区出各个input控件形态。  
38. 缺点：在js没有起作用之前，各个input还是原始状态，然后突然“变帅”会让你的页面很奇怪。较致命的是FireFox不支持  
39.   
40. 4.用Skin设置  
41. Skin文件参考代码：  
42. <asp:TextBox runat="server" style="background-color:#FFC " mce_style="background-color:#FFC "></asp:TextBox>  
43. <asp:Button runat="server" style="”background-color:red”" mce_style="”background-color:red”"></asp:Button>  
44. 注意里面的样式是用style加上的，而不是用cssClass，道理很简单，如果用cssClass，前面的再用cssClass就会覆盖这个 cssClass。导致失败。当然，skin不能单独使用，还要配合css样式表。  
45. 优点：可以分区出各个控件形态（注意：skin只能对服务器端控件使用，所以现在已经不是单纯的input标签了，虽然这些服务器端控件“打到”前台的时候仍然是input控件）。  
46. 缺点：只能对服务器端控件使用。