स्टाइलिंग विकलांग <select> (लटकती बक्से) HTML में

Question

हमारे ग्राहकों में से एक कठिन समय हमारे वेब आधारित अनुप्रयोग में विकलांग नियंत्रण में ग्रे पाठ पढ़ने होते हैं:

हम शैली बदलने के लिए चाहते हैं एक हल्के भूरे रंग की पृष्ठभूमि और एक काला पाठ के लिए। दुर्भाग्यवश, अधिकांश ब्राउज़र (आईई सहित, जो ग्राहक उपयोग कर रहा है) color: ... अक्षम नियंत्रणों पर सीएसएस विशेषता को अनदेखा करते हैं, इसलिए हम अग्रभूमि रंग नहीं बदल सकते हैं।

टेक्स्ट बॉक्स (input type="text") के लिए, disabled विशेषता के बजाय readonly का उपयोग करके आसानी से कार्य किया जा सकता है। दुर्भाग्यवश, यह ड्रॉपडाउन (select) या चेकबॉक्स (input type="checkbox") के लिए एक विकल्प नहीं है।

वहाँ उस के लिए एक आसान समाधान का है? Preferebly एक जहां नियंत्रण किसी अन्य प्रकार के नियंत्रण से प्रतिस्थापित करने की आवश्यकता नहीं है? (... चूंकि हमारे नियंत्रण एएसपी.नेट द्वारा प्रस्तुत किए जाते हैं)

पीएस: सीएसएस में [disabled] चयनकर्ता का उपयोग करने से कोई फर्क नहीं पड़ता है।

Answer 1

इंटरनेट एक्सप्लोरर 9 में परिवर्तन गुण की अनुमति नहीं है संभव नहीं है यही कारण है कि, समर्थन :disabled के लिए जोड़ दिया जाएगा छद्म चयनकर्ता (ref)। मुझे नहीं पता कि वह "रंग" संपत्ति का सम्मान करेगा, लेकिन ऐसा लगता है।

IE के पुराने संस्करणों में, आप पृष्ठभूमि रंग (लेकिन रंग) समायोजित कर सकते हैं। इस प्रकार:

<style type="text/css"> 
     select[disabled] { background-color: blue; } 
    </style> 

कि IE 7 और IE 8 में काम करता है तुम अब भी अग्रभूमि रंग नहीं बदल सकते, लेकिन आप ग्रे के साथ और अधिक दृढ़ता से कि IE यह प्रदान करती है जब यह अक्षम है विपरीत पृष्ठभूमि रंग बदल सकते हैं।

Answer 2

मेरी अंग्रेजी के लिए क्षमा करें ...

सीएसएस का उपयोग कर बस, आईई एक विकलांग चयन टैग

Answer 3

अभी भी इस पाने के उन लोगों के लिए

।

काम नहीं:

select[disabled] { background-color: blue; } 

कार्य:

select option [disabled] { background-color: blue; } will do 

Answer 4

इस के लिए मुझे

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

Answer 5

यह वेबकिट में मेरे लिए काम किया है और फ़ायरफ़ॉक्स

०१२३५१६४१० काम किया

select:disabled{ 
    opacity: 0.6; 
}