दिलचस्प पोस्ट
एंड्रॉइड – टुकड़ा स्थिति सहेजें / पुनर्स्थापित करें मीडियाकोडक और कैमरा: रंगीन स्थान मेल नहीं खाते हैं सी में हस्ताक्षरित और अहस्ताक्षरित चर के लिए स्पष्टीकरण के आसपास लपेटें? नक्शा, प्रत्येक में और अंतर क्या है? एक div में हर 3 divs लपेटें asp.net mvc में jQuery के एजेक्स अपलोड फ़ाइल मैं सभी कमिट्स के लिए एक गीता रेपो में एक डायरेक्टरी कैसे ले जाऊं? कितनी पायथन कक्षाएं मुझे एक फाइल में डालनी चाहिए? क्रोम के एक्सटेंशन सामग्री स्क्रिप्ट से iframe सामग्री का उपयोग करें कैसे संश्लेषित बनाए रखने के गुणों के लिए रिलीज़ को नियंत्रित किया जाता है? एसडी कार्ड से एंड्रॉइड बचत बिटमैप चार्ट पर जेफ्रीचर्ट को चाप खींचें Git में संशोधित (लेकिन प्रतिबद्ध नहीं) फ़ाइलों को अनदेखा करें? MySQL डेटा के स्वचालित या नियमित बैकअप SQL सर्वर: निकालें तालिका मेटा-डेटा (विवरण, फ़ील्ड और उनके डेटा प्रकार)

हॉवर पर सूची चुनें विकल्प पृष्ठभूमि रंग बदलें

क्या होवर पर एक चयन सूची विकल्प का डिफ़ॉल्ट पृष्ठभूमि रंग बदलना संभव है?

HTML:

<select id="select"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> 

मैंने कोशिश की है option:hover { background-color: red; } option:hover { background-color: red; } , लेकिन यह कोई फायदा नहीं है। क्या किसी को भी पता है की यह कैसे किया जाता है?

वेब के समाधान से एकत्रित समाधान "हॉवर पर सूची चुनें विकल्प पृष्ठभूमि रंग बदलें"

यह एक इनसेट बॉक्स छाया लागू करके किया जा सकता है। उदाहरण के लिए:

 select.decorated option:hover { box-shadow: 0 0 10px 100px #1882A8 inset; } 

यहाँ, .decorated एक चयन बॉक्स को सौंपा वर्ग है।

आशा है कि आपको अंक मिल गया।

चयन करें / विकल्प तत्व ओएस द्वारा प्रदान किए जाते हैं, एचटीएमएल नहीं। आप इन तत्वों के लिए शैली नहीं बदल सकते

एक इनसेट बॉक्स छाया CSS को कार्यान्वित करना फ़ायरफ़ॉक्स पर काम करता है:

 select option:checked, select option:hover { box-shadow: 0 0 10px 100px #000 inset; } 

चेक किए गए विकल्प आइटम Chrome में काम करता है:

 select:focus > option:checked { background: #000 !important; } 

एफएफ में भी सीएसएस फ़िल्टर ठीक काम करता है जैसे हू-रोटेट:

 option { filter: hue-rotate(90deg); } 

https://jsfiddle.net/w3a740jq/4/

मुझे पता है यह एक पुराना सवाल है, लेकिन मैं हाल ही में इस आवश्यकता पर आया और jQuery और सीएसएस का उपयोग कर निम्नलिखित समाधान के साथ आया:

 jQuery('select[name*="lstDestinations"] option').hover( function() { jQuery(this).addClass('highlight'); }, function() { jQuery(this).removeClass('highlight'); } ); 

और सीएसएस:

 .highlight { background-color:#333; cursor:pointer; } 

शायद यह किसी और को मदद करता है

यह आपको जरूरी है, बच्चे संयोजक:

  select>option:hover { color: #1B517E; cursor: pointer; } 

कोशिश करो, सही काम करता है

यहां संदर्भ दिया गया है: http://www.w3schools.com/css/css_combinators.asp