सीएसएस का प्रयोग करके आईई 8 में अक्षम एचटीएमएल कंट्रोल का रंग कैसे बदल सकता है

मैं इनपुट नियंत्रण का रंग बदलने की कोशिश कर रहा हूं जब वह निम्नलिखित सीएसएस का उपयोग कर अक्षम हो जाता है।

input[disabled='disabled']{ color: #666; } 

यह अधिकांश ब्राउज़रों में काम करता है, लेकिन IE नहीं मैं किसी भी अन्य शैली संपत्तियों जैसे कि पृष्ठभूमि-रंग, सीमा-रंग, आदि को बदलने में सक्षम हूं … बस रंग नहीं है क्या कोई यह समझा सकता है?

Solutions Collecting From Web of "सीएसएस का प्रयोग करके आईई 8 में अक्षम एचटीएमएल कंट्रोल का रंग कैसे बदल सकता है"

दुर्भाग्य से यदि आप अक्षम विशेषता का उपयोग करते हैं, तो चाहे जो भी आप IE की कोशिश करते हैं, केवल पाठ का रंग ग्रे को अजीब सफेद छाया … … अभी तक अन्य सभी शैलियों के साथ काम करेंगे। : – /

IE10 में <select> तत्वों के लिए मुझे एक ही समस्या थी और एक ऐसा समाधान मिला जो केवल चयनित तत्वों के लिए काम करता है:

http://jsbin.com/ujapog/7/

एक माइक्रोसॉफ्ट छद्म तत्व है जो पाठ रंग को संशोधित करने की अनुमति देता है:

 select[disabled='disabled']::-ms-value { color: #000; } 

यह नियम स्वयं पर होना चाहिए, अन्यथा अन्य ब्राउज़रों सिंटैक्स त्रुटि के कारण पूरे नियम को अनदेखा कर देंगे। अन्य इंटरनेट एक्सप्लोरर के लिए केवल छद्म तत्वों को देखें http://msdn.microsoft.com/en-us/library/ie/hh869604(v=vs.85).aspx

संपादित करें: मुझे लगता है कि नियम का select[disabled]::-ms-value होना चाहिए select[disabled]::-ms-value लेकिन मेरे पास मेरे सामने पुराने आईई संस्करण नहीं हैं – यह अनुच्छेद दोबारा संपादित करें या टिप्पणी जोड़ें अगर यह एक सुधार है

अक्षम = "अक्षम" विशेषता के लिए शैलियों को ओवरराइड करने का कोई तरीका नहीं है इस समस्या को ठीक करने के लिए यहां मेरा काम है, ध्यान दें कि मैं केवल अपने मामले में बटन सबमिट करने का चयन कर रहा हूं:

 if ($.browser.msie) { $("input[type='submit'][disabled='disabled']").each(function() { $(this).removeAttr("disabled"); $(this).attr("onclick", "javascript:return false;"); }); } 

उपलब्ध उदाहरण: http://jsfiddle.net/0dr3jyLp/

मुझे पता है कि इस विषय के निर्माण के बाद कुछ समय हो गया है, लेकिन मैंने इस समाधान को बनाया है, और अच्छी तरह से … यह मेरे लिए काम किया! (IE 9 का उपयोग करना)

इसका एकमात्र फल यह है कि आप इनपुट के मूल्य का चयन नहीं कर सकते।

जावास्क्रिप्ट का उपयोग करना:

  if (input.addEventListener) input.addEventListener('focus', function(){input.blur()}, true) if (input.attachEvent) input.attachEvent("onfocus", function(){input.blur()}) 

मुझे टेक्स्टरेआ के साथ एक ही समस्या थी "अक्षम" फ़ॉन्ट रंग बदलकर ग्रे करने के लिए मैंने सीएसएस के साथ textarea में "अक्षम" विशेषता के बजाय "readonly" विशेषता का उपयोग कर एक वैकल्पिक हल किया

 textarea[readonly] { border:none; //for optional look background-color:#000000; //Desired Background color color:#ffffff;// Desired text color } 

यह मेरे लिए एक आकर्षण की तरह काम करता है !!, इसलिए मैं किसी भी अन्य समाधान से पहले यह पहली कोशिश करने का सुझाव देता हूं क्योंकि यह कोड के किसी अन्य हिस्से को बदलने के बिना "पठनीय" के साथ "अक्षम" को बदलना आसान है।

मैंने पूरी पृष्ठभूमि को एक हल्का भूरा रंग बनाया है, मुझे लगता है कि यह अधिक आसानी से / जल्दी से बताता है कि बॉक्स अक्षम है।

 input[disabled]{ background: #D4D4D4; } 

जिस तरह से मैंने "IE" में नियंत्रण को अक्षम करने की समस्या को हल किया, उस प्रकार के इनपुट नियंत्रण के साथ बदसूरत भूरे रंग के वाई / ओ को यह सक्षम छोड़ दिया और परिवर्तन को रोकने के लिए onclick घटना में थोड़ा जावास्क्रिप्ट का उपयोग करना था:

 onclick='this.checked == true ? this.checked = false : this.checked = true;' 

जैसा कि वेन द्वारा वर्णित है, और तीन साल बाद अभी भी कोई भाग्य नहीं w / IE9, लेकिन …

आप सीएसएस का इस्तेमाल करते हुए opacity को कम करने की कोशिश कर सकते हैं, इससे इसे अधिक पठनीय और संपूर्ण अक्षम राज्य में मदद मिलती है।

यह समाधान है जो मुझे इस समस्या के लिए मिला है:

// यदि IE

inputElement.writeAttribute ("नापसंद", "पर");

//अन्य ब्राउज़रों

inputElement.writeAttribute ("अक्षम", "अक्षम");

इस चाल का उपयोग करके, आप अपने इनपुट तत्व में स्टाइल शीट जोड़ सकते हैं जो IE और अन्य ब्राउज़रों पर काम करता है जो आपके संपादन-योग्य इनपुट बॉक्स पर नहीं है।

मैंने उपयोगकर्ता 1733926 और हामिद के समाधान मिश्रित किए और मुझे IE8 के लिए एक प्रभावी कोड मिला, यह जानना अच्छा होगा कि क्या यह 9/10 के साथ भी काम करता है (?)

 <script type="text/javascript"> if ($.browser.msie) { $("*[disabled='disabled']").each(function() { $(this).removeAttr("disabled"); $(this).attr("unselectable", "on"); }); } </script> 

इस पोस्ट को पढ़ने के बाद मैंने एक इनपुट बनाने का निर्णय लिया जो एक अक्षम इनपुट बॉक्स के समान ही काम करता था लेकिन "केवल पढ़ने योग्य" था।

इसलिए मैंने इसे बनाया है इसलिए इसे चुना या टैब करने में सक्षम नहीं था, या एक माउस कर्सर था जिसने प्रयोक्ता को यह विचार दिया कि वे मूल्य बदल सकते हैं या चयन कर सकते हैं।

IE8 / 9, मोजज़ीला 18, क्रोम 29 पर परीक्षण किया गया

 <input name="UserName" class="accountInputDisabled" id="UserName" type="text" readOnly="readonly" value="" unselectable="on" tabindex="-1" onselectstart="return false;" ondragstart="return false;" onmousedown='return false;'/> input.accountInputDisabled { border: 1px solid #BABABA !important; background-color: #E5E5E5 !important; color: #000000; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -moz-user-input: disabled; -ms-user-select: none; cursor:not-allowed; } input:focus { outline: none; } 

सीएसएस उपयोग वर्ग आधारित दृष्टिकोण को ओवरराइड करने की आवश्यकता नहीं है और घटनाओं के साथ खेलना पूरी तरह से काम करता है

आप एक काम कर सकते हैं:

 <button class="disabled" onmousedown="return checkDisable();"> function checkDisable() { if ($(this).hasClass('disabled')) { return false; } } 

http://navneetnagpal.wordpress.com/2013/09/26/ie-button-text-shadow-issue-in-case-of-disabled/

अक्षम विशेषता हटाएं और केवल पढ़ने के लिए विशेषता का उपयोग करें आवश्यक परिणाम प्राप्त करने के लिए आवश्यक सीएसएस लिखें यह IE8 और IE9 में काम करता है।

उदाहरण के लिए, गहरे भूरे रंग के लिए,

  input[readonly]{ color: #333333; } 

कृपया इस सीएसएस कोड की जांच करें।

 input[type='button']:disabled, button:disabled { color:#933; text-decoration:underline; } 

या इस यूआरएल को चेक करें। http://jsfiddle.net/kheema/uK8cL/13/

मैं स्टैकवॉवरफ्लो पर कोड के इस भाग में आया, जिसने मुझे जावास्क्रिप्ट का उपयोग करते हुए सीएसएस क्लास अक्षम करना बंद कर दिया।

 $("#textboxtest").prop("disabled", false).removeClass("k-state-disabled"); 

मूल थ्रेड को K-State-disabled वर्ग को पाठ इनपुट में लागू किया जा सकता है – केंडो UI सोचा था कि मुझे साझा करना चाहिए!

इस सीएसएस का उपयोग करें, IE11 के लिए काम करता है:

 input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] { opacity:0.99 !important; background:black; text-shadow:inherit; background-color:white; color:black }