|M| 怎么将这个按钮的on?样式写成ＣＳＳ多谢
日期：2014-05-20 浏览次数：20416 次
|M| 如何将这个按钮的on???样式写成ＣＳＳ谢谢
<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>
------解决方案--------------------
^_^
<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>
------解决方案--------------------
^_^
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
