2013-07-25 5 views
11

मेरे पास दो रेडियो बटन हैं, मुझे क्लिक पर पृष्ठभूमि रंग सेट करने की आवश्यकता है। मेरा कोड IE8 को छोड़कर सभी ब्राउज़रों में काम करता है। जावास्क्रिप्ट के उपयोग के बिना IE8 के लिए काम करने के लिए यह संभव है?मैं एक सीएसएस छद्म तत्व कैसे प्राप्त कर सकता हूं: जावास्क्रिप्ट के बिना IE8 में काम करने के लिए जाँच की गई?

<form> 
    <input type="radio" id="m" name="gender" value="male"> 
    <label for="m">male</label> 
    <input type="radio" id="f" name="gender" value="female"> 
    <label for="f">female</label> 
</form> 

input:checked + label{ 
    background:red; 
} 

http://jsfiddle.net/chrimbus/sXjyL/3/

+0

हैं, और इस मामले में कोई विकल्प करने के लिए ': checked', तो मुझे डर है कि इस सवाल का जवाब है 'नहीं कर रहा हूँ। ' –

+0

इस विषय को ढूंढने वाले लोगों के लिए कृपया ध्यान दें: सभी ब्राउज़रों में लेकिन आईई 8 आप जेएस के उपयोग के बिना चेक की गई स्थिति सीएसएस शैली कर सकते हैं। नीचे दिया गया वर्णन बताता है कि जेएस के उपयोग के साथ, आईई 8 का समर्थन कैसे कर सकता है। – nthChild

उत्तर

12

जबकि IE8 understands आसन्न भाई चयनकर्ताओं, यह doesn't understandchecked छद्म तत्व है, तो, दुर्भाग्य से, आप केवल सीएसएस का उपयोग करके अपने कोड IE8 के अनुकूल नहीं कर सकता।

एक जावास्क्रिप्ट समाधान के लिए Selectivizr या IE7.js पर एक नज़र डालें।

1

आप इस कोशिश कर सकते हैं: ब्राउज़र CSS चयनकर्ता का समर्थन नहीं करता

input[checked=checked] + label{ 
    background:red; 
} 
+3

यह पृष्ठ काम करता है यदि पृष्ठ चेक = "चेक" के साथ लोड होता है। लेकिन चेतावनी दी जानी चाहिए कि इनपुट को अनचेक करने से इसकी उपस्थिति नहीं बदलेगी। –

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

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