为什么在 FireFox 中禁用时链接按钮不会变灰?

发布于 2024-07-17 07:57:23 字数 305 浏览 8 评论 0原文

为什么当我在按钮上设置enabled=false 时,它​​在 Firefox 中无法正确呈现? 该链接没有变灰,而是仍然是蓝色的。

[更新]

ASP.net 已经删除了链接上的此类标签,因此唯一需要的就是将链接灰显。 换句话说,CSS 样式更改而不是功能更改。

以下有效解决了禁用按钮在 Firefox 和 google chrome 中未显示为灰色的问题。 我将其放入样式表中,现在所有链接按钮都正确呈现。

[已禁用]{
颜色:灰色!重要; 文本装饰:无!重要; }

Why when I set enabled=false on a button does it not render correctly in Firefox? Instead of graying out the link it is still blue.

[UPDATE]

ASP.net already removes such tags on the link so the only thing that is needed is to grey out he link. In other words a CSS style change not a functionality change.

The following effectively resolved the disabled buttons not showing up as grayed out in firefox and google chrome. I put this into my style sheet and now all my link buttons render correctly.

a[disabled]{
color:Grey !important;
text-decoration:none !important;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

Saygoodbye 2024-07-24 07:57:23
a[disabled]
{
   color:Grey; text-decoration:none;
}

为我工作,谢谢...

a[disabled]
{
   color:Grey; text-decoration:none;
}

worked for me, Thank you...

素年丶 2024-07-24 07:57:23

当您禁用按钮时,它会向按钮添加“aspNetDisabled”类。 所以你可以轻松地设置“aspNetDisabled”类,无论你想要什么。

 .aspNetDisabled {
        color: black;
        background-color: #e3e3e3;
        text-decoration: none;
    }

When you disable a button it adds "aspNetDisabled" class to the button. so you can easily set the "aspNetDisabled" class with whatever you want.

 .aspNetDisabled {
        color: black;
        background-color: #e3e3e3;
        text-decoration: none;
    }
旧伤慢歌 2024-07-24 07:57:23

W3Scholl 来看,“Enabled”属性不是 XHTML 4 的标准属性(这是 Microsoft标准。)。 您应该从超链接中删除 href 属性或使用我的以下代码

// cancel click event.
LinkButton1.Attributes["OnClick"] = "return false;";
// set css to display same disabled link in all browser
LinkButton1.CssClass = "LinkButton_Disabled";

From W3Scholl, "Enabled" Property isn't standard property of XHTML 4(It's Microsoft standard.). You should remove href property from hyperlink or using my following code

// cancel click event.
LinkButton1.Attributes["OnClick"] = "return false;";
// set css to display same disabled link in all browser
LinkButton1.CssClass = "LinkButton_Disabled";
℡Ms空城旧梦 2024-07-24 07:57:23

在 C# 中,我发现扩展对于创建跨浏览器解决方案最有帮助。

public static class Extensions
{
    public static void Disable(this HtmlAnchor obj)
    {
        obj.Attributes.Remove("href");
        obj.Attributes.Add("disabled", "true");
        obj.Style.Add("color", "gray");
    }
}

In C#, I found that an extension is the most helpful to create a cross-browser solution.

public static class Extensions
{
    public static void Disable(this HtmlAnchor obj)
    {
        obj.Attributes.Remove("href");
        obj.Attributes.Add("disabled", "true");
        obj.Style.Add("color", "gray");
    }
}
不及他 2024-07-24 07:57:23

下面的解决方案适用于按钮而不是链接,但也可以用于链接。

var obj = document.getElementById('buttonId'');
getLabel = function(elem){
if (elem.id && elem.id=="label") {
elem.id = "disabledLabel";
}
};            
Dom.getElementsBy(getLabel ,'td', obj);

这会将按钮显示为禁用或变灰。

The solution below is for buttons not link but it can be done for link as well.

var obj = document.getElementById('buttonId'');
getLabel = function(elem){
if (elem.id && elem.id=="label") {
elem.id = "disabledLabel";
}
};            
Dom.getElementsBy(getLabel ,'td', obj);

This will show button as disable or grayed out.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文