首页 >web前端 >html教程 >FireFox下按钮(Button)Enabled="false"属性的样式不起作用_html/css_WEB-ITnose

FireFox下按钮(Button)Enabled="false"属性的样式不起作用_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:16:181172浏览

CSS代码:

 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <style type="text/css">        .border0        {            color: blue;            border: 0;            background-color: transparent;        }    </style></head><body>    <form id="form1" runat="server">        <div>            <asp:Button ID="btnTest" runat="server" Text="点击测试" Enabled="false" CssClass="border0" />            <asp:Button ID="Button1" runat="server" Text="点击测试" CssClass="border0" />        </div>    </form></body></html>

在IE9和火狐下显示效果不一致,IE9是正确的,火狐下 Enabled="false"样式效果不起作用,按钮确实已经不可用,可不变成灰色的。
图不知道怎么弄,大家复制代码即可,希望有经验的高手给解决下,谢谢


回复讨论(解决方案)

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <style type="text/css">        .border0        {            color: blue;            border: 0;            background-color: transparent;        }        .border1[disabled="disabled"]        {            color: gray;            border: 0;            background-color: transparent;        }        .F        {            color: red;        }    </style></head><body>    <form id="form1" runat="server">        <div>            <asp:Button ID="btnTest" runat="server" Text="点击测试" Enabled="false" CssClass="border0 border1" />            <asp:Button ID="Button1" runat="server" Text="点击测试" CssClass="border0 border1" />            <asp:Button ID="Button2" runat="server" Text="点击测试" Enabled="false" CssClass="F border1" />        </div>    </form></body></html>

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn