2010-06-25 2 views
9

मैं IE में अक्षम SELECT तत्व का फ़ॉन्ट रंग कैसे बदल सकता हूं? कोई फर्क नहीं पड़ता कि मैंने कोशिश की कि यह भूरे रंग में रहता है। मैं पृष्ठभूमि को ग्रे से सफेद में बदलने में सक्षम था लेकिन अक्षम चयन के अंदर का पाठ वही रहता है। आईई में फ़ॉन्ट रंग के मामले में फ़ायरफ़ॉक्स के लिए पूरी तरह से क्या काम करता है (इस मामले में IE8)।मैं एक अक्षम SELECT तत्व का फ़ॉन्ट रंग कैसे बदल सकता हूं? (फ़ायरफ़ॉक्स में काम करता है लेकिन आईई में नहीं)

http://www.flickr.com/photos/[email protected]/4732813702/

मैं jQuery का चयन तत्व निष्क्रिय करने के लिए उपयोग करें::

$(selectObject).attr('disabled', 'disabled'); 

और यहाँ CSS वर्ग है कि मैं विकलांग चयन के लिए उपयोग किया जाता है: आप यहाँ दोनों ब्राउज़रों के लिए नवीनतम स्थिति देख सकते हैं

select[disabled] { 
    color: black; 
    background-color: white; 
    border-style: solid; 
} 

मुझे यह बहुत अजीब लगता है कि मैं आसानी से अक्षम चयनों के डिफ़ॉल्ट पृष्ठभूमि रंग को बदल सकता हूं लेकिन डिफ़ॉल्ट फ़ॉन्ट रंग नहीं। इस बारे में कोई सुझाव या विचार? (या यह सीई का उपयोग करके आईई में पूरी तरह असंभव है?)

+0

इसे बदलने के लिए jquery का उपयोग करें, मेरा उत्तर देखें – CuSS

+0

क्या यह काम करता है यदि आप चयन को सीधे अक्षम करने के लिए सेट करते हैं? यदि आपका सीएसएस या जावास्क्रिप्ट आपको नीचे छोड़ रहा है तो आपको काम करने की ज़रूरत है। –

+0

रिचर्ड, "चयन को सीधे अक्षम करने के लिए सेट करें" का क्या मतलब है? –

उत्तर

3

वर्तमान आईईएस में करना असंभव हो सकता है। आने वाले ब्राउज़र्स शायद एक: अक्षम छद्म वर्ग (http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-24.html देखें)

+0

http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-24.html के अनुसार सीएसएस एमआरई का उपयोग आईई 7 और उसके बाद से समर्थित है । –

+0

यह ध्यान रखना महत्वपूर्ण है कि आईई 7/8 केवल विशेषता चयनकर्ताओं के साथ काम करेगा यदि एक DOCTYPE सही ढंग से परिभाषित किया गया है। तो कोई quirks मोड नहीं। – steventnorris

+0

कम से कम मेरे मामले में, समस्या चयनकर्ता नहीं है: मैं विकलांग पर रंग या का कोई प्रभाव नहीं है। विकल्पों का पाठ ग्रे है। अवधि। – molecular

2

संपादित करें: आपको अधिकांश ब्राउज़रों के लिए समर्थन प्रदान करना होगा, और ब्राउज़र का केवल 50% उस प्रकार के छद्मक्लूस का समर्थन करता है, इसलिए, अगर मैं था आप, मैं यह नहीं होगा:

$(selectObject) 
    .attr('disabled', 'disabled') 
    .css({ 
     "color":"black", 
     "background-color":"white", 
     "border-style":"solid" 
    }); 

आशा है कि यह काम करता है;)

+0

मैंने यह किया। मैंने प्रासंगिक सीएसएस को हटा दिया है और इसे ऊपर अपने jQuery कोड की तरह चलाया है। वास्तव में अजीब बात यह है कि, जब मैं पृष्ठ को देखता हूं तो चयन की पृष्ठभूमि अभी भी सफेद है और अंदर का पाठ अभी भी भूरा है, लेकिन मैं उस एक्सप्लोरर एलिमेंट डेवलपर टूल का उपयोग उस चुनिंदा तत्व के स्टाइल विवरण देखने के लिए करता हूं और जब मैं इसे क्लिक करता हूं IE डेवलपर टूल का सीएसएस फलक मुझे बताता है कि: रंग: काला और पृष्ठभूमि रंग: सफ़ेद। मैं वास्तव में परेशान हूँ! –

+0

मैंने "रंग" और "पृष्ठभूमि-रंग" के लिए विभिन्न रंगों के नामों के साथ खेला, पृष्ठभूमि रंग हमेशा बदलता है, पाठ का रंग हमेशा एक ही रहता है: ग्रे। :( –

+0

अजीब, क्या आपके पास फ़ॉन्ट और पृष्ठभूमि रंग को नियंत्रित करने वाली एक और जेएस लाइन है? – CuSS

-1

लागू होते हैं:

background-image: url(''); 

अपने सीएसएस करने के लिए और यह काम करना चाहिए।

+0

प्रश्न "पृष्ठभूमि रंग को कैसे बदलें", पृष्ठभूमि नहीं है। या क्या मैं कुछ न कुछ भूल रहा हूं? – molecular

संबंधित मुद्दे