|M| 如何将这个按钮的on???样式写成CSS谢谢
<asp:Button ID= "btn_SiteAdd " runat= "server " Text= "添加场所 " onmouseup= "this.className= 'menu '; " onmouseover= "this.className= 'menuover '; " class= "menu " onmouseout= "this.className= 'menu '; " onmousedown= "this.className= 'menudown '; "/>
也就是将
onmouseup= "this.className= 'menu '; " onmouseover= "this.className= 'menuover '; " class= "menu " onmouseout= "this.className= 'menu '; " onmousedown= "this.className= 'menudown '; "
成在一起
------解决方案--------------------唉
css不能处理行为的
实在要改,建议你用LinkButton
LinkButton输出到客户端就是 <a > </a>
a可以定义a:link, a:hover, a:visited
------解决方案--------------------这里的事件处理 是不能打包成 一个的
------解决方案--------------------可以通过Theme来实现.
skin文件
<asp:Button SkinID= "btn_SiteAdd " runat= "server " Text= "添加场所 " onmouseup= "this.className= 'menu '; " onmouseover= "this.className= 'menuover '; " class= "menu " onmouseout= "this.className= 'menu '; " onmousedown= "this.className= 'menudown '; "/>
页文件
<asp:Button ID= "btn_SiteAdd " runat= "server " SkinID = "btn_SiteAdd " />
------解决方案-------------------- <%@ Page Language= "VB " Theme = "theme1 " .....
------解决方案--------------------:hover能够把over和out的切换转换为CSS,直接把.menu的规则放到:hover就行了。要注意的是,:hover的支持是理论上的,其实绝大多数的浏览器都支持所有元素的:hover,就是IE6或以下仅支持a:hover,你的是Button,呈现出来是input,所以IE6就不支持了。
按照《精通CSS》里面的话说,那些使用原始的浏览器(暗指IE6)的人看不到:hover就算了,让那些使用当代浏览器的人享受较好的视觉效果吧。
至于up和down,这个你等CSS3成为标准再等大多数浏览器都支持了,就有可能实现了。down现在可以,就是:active,其实:active对应的应该是focus。
------解决方案--------------------受教了
------解决方案--------------------这样应该来说就更方便了啊.
你只要去掉页以及.skin文件中的skinid属性就可以了.
这样所有的button就会使用默认的样式了.
------解决方案--------------------如果使用主题,可以放在web.config或者machine.config里让整个服务器的多个网站都能起作用
<configuration>
<system.web>
<pages theme= "OrangeTheme " />
</system.web>
</configuration>
http://www.microsoft.com/china/msdn/library/webservices/asp.net/dnvs05themes.mspx?mfr=true
------解决方案--------------------使用CSS也可以实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<style type= "text/css ">
<!--
input:hover { background: #ff0000;}
-->
</style>
<body>
<input type=button value= "CSS测试 "/>
</body>
</html>
------解决方案--------------------^_^