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

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

WBOY
Freigeben: 2016-06-24 12:16:18
Original
1162 Leute haben es durchsucht

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>
Nach dem Login kopieren

在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>
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage