दिलचस्प पोस्ट
मैं अपने लेआउट को क्षैतिज और लंबवत दोनों कैसे बना सकता हूं? एकाधिक कैप्चर-समूहों के साथ आरगेक्स समूह आर आर पृष्ठ पुनः लोड होने के बाद मैं वर्तमान टैब को ट्वीटर बूटस्ट्रैप के साथ कैसे सक्रिय कर सकता हूं? Java.util.Date प्रकार में java.time.LocalDate कन्वर्ट करें JavaFX2 में कार्य के बीच प्रगति सूचक को रीसेट कैसे करें? क्या उद्देश्य-सी में दृढ़ता से टाइप किए गए संग्रह हैं? आंतरिक संग्रहण से एक फ़ाइल बनाएं और साझा करें सी में 'const char * const *' के लिए मैं 'char **' को क्यों नहीं परिवर्तित कर सकता हूं? मेटा टैग में प्रारंभिक पैमाने, उपयोगकर्ता-स्केलेबल, न्यूनतम-पैमाने, अधिकतम-स्तरीय विशेषता क्या है? ब्राउज़र बंद पर कुकीज़ साफ़ करें एक UITableView में एकाधिक कॉलम कैसे प्रदर्शित करें? जीआईटी-एसवीएन के साथ एसवीएन कीवर्ड विस्तार के साथ लेनदेन System.in पर एकाधिक स्कैनर ऑब्जेक्ट का उपयोग कैसे करें? फायरबेज में, मैं सबसे हाल ही में 10 बाल नोड्स कैसे पूछ सकता हूं? ग्रेड – गैर-शून्य निकास मूल्य क्या है और मैं इसे कैसे ठीक कर सकता हूं?

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

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

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; } , लेकिन यह कोई फायदा नहीं है। क्या किसी को भी पता है की यह कैसे किया जाता है?

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

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

 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