Почему в FireFox отключены кнопки ссылок, не выделенные серым цветом?

Question

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

[UPDATE]

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

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

a [disabled] {
цвет: серый! Important; text-decoration: none! Important; }

Answer 1

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

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

Answer 2

От 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"; 

Answer 3

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

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

Эта кнопка будет отображаться как отключенная или выделенная серым цветом.

Answer 4

В 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"); 
    } 
} 

Answer 5

При отключении кнопки он добавляет класс «aspNetDisabled» к кнопке. поэтому вы можете легко установить класс «aspNetDisabled» с тем, что хотите.

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