Почему кнопки ссылок не отображаются серым цветом при отключении в FireFox? - PullRequest
8 голосов
/ 27 апреля 2009

Почему, когда я устанавливаю enabled = false для кнопки, она не отображается правильно в Firefox? Вместо того, чтобы выделять ссылку, она по-прежнему синяя.

[UPDATE]

ASP.net уже удаляет такие теги в ссылке, поэтому единственное, что нужно, - это затемнить ссылку. Другими словами, изменение стиля CSS не является изменением функциональности.

Следующее эффективно решило отключенные кнопки, которые не отображаются серыми в Firefox и Google Chrome. Я вставил это в свою таблицу стилей, и теперь все мои кнопки ссылок отображаются правильно.

а [отключено] {
цвет: серый! важно; оформление текста: нет! важно; } * +1010 *

Ответы [ 5 ]

11 голосов
/ 03 сентября 2009
a[disabled]
{
   color:Grey; text-decoration:none;
}

работал на меня, спасибо ...

2 голосов
/ 26 сентября 2013

Когда вы отключаете кнопку, к ней добавляется класс aspNetDisabled. так что вы можете легко установить класс "aspNetDisabled" с любым, что вы хотите.

 .aspNetDisabled {
        color: black;
        background-color: #e3e3e3;
        text-decoration: none;
    }
2 голосов
/ 27 апреля 2009

С W3Scholl , свойство «Включено» не является стандартным свойством 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";
1 голос
/ 13 апреля 2011

В 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");
    }
}
0 голосов
/ 27 августа 2010

Решение ниже для кнопок не ссылки, но это может быть сделано и для ссылки.

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

При этом кнопка будет отключена или недоступна.

...