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

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

WBOY

发布： 2016-06-24 12:16:18

原创

1162 人浏览过

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>

登录后复制