क्या सीएसएस में खुले चयन बॉक्स का चयन करने का कोई तरीका है?

Question

मैंने वेबकिट-उपस्थिति विशेषता को किसी भी को सेट करने के बाद एक पृष्ठभूमि छवि (तीर नीचे) को एक चयनित बॉक्स में सेट किया है। जब विकल्प सूची खोली जाती है तो मैं एक और पृष्ठभूमि छवि (तीर अप) प्रदर्शित करना चाहता हूं। क्या कोई छद्म वर्ग या इसके लिए कुछ है? मुझे अपने शोध के दौरान कुछ भी नहीं मिला ...

Answer 1

यह पता लगाना संभव नहीं है कि कोई HTML select तत्व सीएसएस, या यहां तक ​​कि जावास्क्रिप्ट का उपयोग करके खोला गया है या नहीं।

यदि आप कस्टम ड्रॉपडाउन के तीर प्रतीक को कस्टमाइज़ करना चाहते हैं, तो आपका सबसे अच्छा विकल्प एक कस्टम ड्रॉपडाउन घटक का उपयोग करना है जो एक छिपे हुए select तत्व को मानचित्र करता है।

Answer 2

आप :focus छद्म वर्ग का उपयोग कर सकते हैं।

लेकिन यह "खुले" राज्य को इंगित करेगा, जब <select> टैब या किसी आइटम के माध्यम से चुना गया है तो बस चुना गया था। इसे रोकने के लिए, आप शायद select:hover:focus जैसे कुछ का उपयोग करें, लेकिन यह बदसूरत है और यह ठोस समाधान नहीं है।

select:focus 
 
{ 
 
    background-color: blue; 
 
    color: white; 
 
}

<select> 
 
    <option>Click me</option> 
 
    <option>A</option> 
 
    <option>B</option> 
 
    <option>C</option> 
 
</select>