सीएसएस एकाधिक चयन = हाँ

Question

मैं चयन तत्व के लिए एक ऊंचाई परिभाषित करने में सक्षम होना चाहता हूँ जब झूठी

select{height: 30px;} 

लेकिन मैं नहीं चाहता कि करने के लिए अपने कई यह लागू करने के लिए जब का चयन किया गया है एकाधिक = हाँ।

क्या इसे सीएसएस में परिभाषित किया जा सकता है?

Answer 1

सबसे पहली बात, के लिए एक select तत्व नहीं करने के लिए बहु चयन मोड में होना क्रम में, multiple विशेषता होना चाहिए पूरी तरह से छोड़े गए। भले ही आप multiple="no" या multiple="false" सेट करें, मानक व्यवहार HTML multiple या XHTML multiple="multiple" जैसा ही है। अधिक जानकारी के लिए, the HTML spec देखें।

इसे ध्यान में रखते

, CSS3 :not() चयनकर्ता का उपयोग उस विशेषता के साथ किसी भी select बाहर करने के लिए:

select:not([multiple]) { 
    height: 30px; 
} 

या यदि आप IE7 समर्थन की जरूरत +, तो सभी select तत्वों को ऊंचाई लागू उस के साथ उन लोगों के लिए इसे रीसेट विशेषता:

select { 
    height: 30px; 
} 

select[multiple] { 
    height: auto; 
} 

Answer 2

select[multiple]{ 
height: 30px 
} 

select[multiple]:focus{ 
height:auto 
} 

मैं जानता हूँ कि अगर इस सवाल का जवाब नहीं है। यह एक योगदान है।