使用css直接定义input标签

来源:互联网 发布:java. 大数据 编辑:程序博客网 时间:2024/06/05 14:15
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<style>
input {
color: expression(this.type=="button"?'red':'green');
}

</style>

<input type="button" name="test" value="haha">
<input type="text" name="test2" value="haha">

使用css可以很好的进行格式的设计,有的时候,甚至可以直接定义html的标签的格式,但对于input,这个标签,比较复杂。可能type=select | type=button ||type=text等等几种情况。不好定义。于是就用上面的办法,对他进行定义。

如果是select还可以

<input type="select" css=".mystyle">

如果是<asp:button >还可以

<asp:button cssClass=".mystyle">

不论如何,怎样都可以设置,这样可以减少流量。

<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
原创粉丝点击