css样式之区分input是按钮还是文本框的方法第4/4页

 更新时间:2008年09月02日 00:26:12   作者:  
对设置样式时怎么区分input是按钮还是文本框问题的技术调查——把input里面的东西剔出来

4:Microsoft Visual Studio 2005中使用skin。
Skin文件参考代码:
<%--Style for common TextBox--%>
<asp:TextBox runat="server" style="background-color:#FFC "></asp:TextBox>
<asp:Button runat="server" style=”background-color:red”></asp:Button>


注意里面的样式是用style加上的,而不是用cssClass,道理很简单,如果用cssClass,前面的再用cssClass就会覆盖这个cssClass。导致失败。当然,skin不能单独使用,还要配合css样式表。

优点:可以分区出各个控件形态(注意:skin只能对服务器端控件使用,所以现在已经不是单纯的input标签了,虽然这些服务器端控件“打到”前台的时候仍然是input控件)。除了css,又被分离一层,使得样式的设置能有更好的定制性。其他优点(参考skin的优点)。
缺点:只能对服务器端控件使用。不是所有的项目都能使用skin功能 Orz…



总结:上面的方法,都是有各自的优点和缺点,所以单独的使用任何一个都不能很好的解决问题。所以应该将多个方法配合一起使用,这样才能较好的解决问题。但是多个方法配合使用就是完美的了吗?NO~!它也有致命的缺点——多套方案的维护需要更大的成本!

 

后记:这是一个以IE6为首,非web标准浏览器横扫天下的乱世年代,不知有多少网页初学者惨死在IE6的诡异解析模式之下,又有多少程序员被IE6所奴役,还有无数web设计者在IE6的胯下忍辱偷生。虽然黑暗中我们欣慰的看到FireFox反对暴统的勇者的出现,以及IE7对Web标准越来越好的支持这道曙光。但是黑夜仍旧将会持续很长一段时间。对于web标准一统天下的年代,我们既喜且悲。喜的是,到那个时候,我们做网页设计和规划将会如同吃饭般简单,悲的是:如果真的到了那个时候,我们吃饭的饭碗还能那么重吗?不过,为了人类社会的进步,拯救地球的科技,发展宇宙的技术文化 -_-b… 我依然期待web标准一统天下的到来。



keyword:自动区分各类不同的input样式,在CSS中如何区分<input type=text>和<input type=button>,利用Javascript来实现自动区分各类不同的input样式,input,input type,input type file,input type hidden,input file,input.dll,html input,input type image

相关文章

最新评论