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

回复讨论(解决方案)

首页

web前端

html教程

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:16 PM

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