सीएसएस, सभी चुनिंदा ड्रॉपडाउन की ऊंचाई को ओवरराइट करें?

Question

मैं कैसे संदर्भ होता है, तो मैं ऊपर लिख सकता है, का चयन बक्से के सभी तो मैं डिफ़ॉल्ट ऊंचाई के ऊपर लिख सकता है? मैं परिचित हूं जब मैं कक्षा का उपयोग कर तत्व बना देता हूं, लेकिन इस पर अनिश्चित हूं?

Answer 1

100% जे एस समाधान (jQuery के साथ)

$("select").height("120px"); 

100% जे एस समाधान (jQuery के बिना)

var selects = document.getElementsByTagName("select"); 
for(i = 0;i < selects.length; i++) { 
    selects[i].style.height = "120px"; 
} 

100% सीएसएस समाधान

select { 
    height: 100px !important; 
} 

Answer 2

आपका मतलब है कि मूल select तत्व छोड़ते समय मेनू पॉप अप हो जाता है?

मुझे नहीं लगता कि आप प्रभावित कर सकते हैं कि सभी, कि ब्राउज़र पर निर्भर करता है है।

आप को प्रभावित करने में सक्षम हो सकता है - यह सब वर्तमान ब्राउज़रों में काम करना चाहिए - है select ही:

select { height: .... } 

या प्रत्येक विकल्प (फ़ायरफ़ॉक्स में काम करना चाहिए, धब्बेदार समर्थन अन्यथा)

select option { height: .... } 

select { height: 60px; }

बदलें +०१२३८३७३२१:

Answer 3

इस चाल करना चाहिए आपकी वांछित ऊंचाई के साथ।

Answer 4

इस प्रयास करें:

select {height:100px;} 

Answer 5

सबसे अच्छा तरीका है अपने चयन तत्व पर एक वर्ग दे रहा है। <select name="nameforyourselect" class="myclass"></select>

फिर आपके सीएसएस पर ऊंचाई निर्धारित करें, उदाहरण के लिए .myclass{height:30px;} यह वर्ग नाम myclass के साथ सभी तत्वों पर ऊंचाई 30px देगा। मैं आपको इस तरह से सुझाव देता हूं, क्योंकि आप एक और ऊंचाई के साथ एक और चयन तत्व बनाना चाहते हैं। तो आप बस उस पर अन्य वर्ग सेट करें और इसे अपने सीएसएस पर परिभाषित करें।