关于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. 缺点:只能对服务器端控件使用。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值