फ़ायरफ़ॉक्स में अक्षम होने पर लिंकबूटन क्यों भूरे रंग के नहीं होते हैं?

Question

जब मैं बटन पर सक्षम = गलत सेट करता हूं तो यह फ़ायरफ़ॉक्स में सही ढंग से प्रस्तुत नहीं करता है? लिंक को भूरे रंग के बजाय यह अभी भी नीला है।

[अद्यतन]

ASP.net पहले से ही इस तरह के टैग लिंक पर निकालता है तो केवल बात यह है कि जरूरत है वह लिंक बाहर ग्रे है। दूसरे शब्दों में एक सीएसएस शैली परिवर्तन एक कार्यक्षमता परिवर्तन नहीं बदलता है।

निम्नलिखित प्रभावी ढंग से अक्षम बटन को फ़ायरफ़ॉक्स और Google क्रोम में भूरे रंग के रूप में दिखाई नहीं दे रहा है। मैंने इसे अपनी स्टाइल शीट में रखा और अब मेरे सभी लिंक बटन सही ढंग से प्रस्तुत करते हैं।

एक [अक्षम] {
रंग: ग्रे! महत्वपूर्ण; टेक्स्ट-सजावट: कोई नहीं! महत्वपूर्ण; }

Answer 1

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

मेरे लिए काम किया का उपयोग कर करना चाहिए, धन्यवाद ...

Answer 2

W3Scholl से, "सक्षम" संपत्ति एक्सएचटीएमएल 4 (यह माइक्रोसॉफ्ट मानक) की मानक संपत्ति नहीं है। आप हाइपरलिंक से 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

सी # में, मैंने पाया कि एक क्रॉस-ब्राउज़र समाधान बनाने के लिए एक एक्सटेंशन सबसे उपयोगी है।

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; 
    }