एक मल्टीइलेक्ट सेट करना चुना गया बॉक्स की ऊंचाई

Question

मैं एक बहु-चयन ड्रॉप डाउन के साथ चुने गए का उपयोग कर रहा हूं, और चुने हुए बॉक्स की ऊंचाई को सेट आकार में सेट करना चाहता हूं।

मेरे पास अतिप्रवाह के साथ एक संवाद में एक चयनित बॉक्स है: छुपा हुआ, और चयनित बॉक्स कंटेनर के बाहर बिल्कुल स्थित है (ताकि चयनित ड्रॉपडाउन सही ढंग से संवाद से बाहर हो जाए।) दुर्भाग्यवश, "स्थिति: पूर्ण;" इसे प्रवाह से हटा देता है, और नतीजे में कोई परिणाम नहीं होता है ... संवाद को कम कर देता है और बहु-चयन इसके बाहर पॉप-अप दिखाई देता है। मैं पैरेंट कंटेनर को एक निश्चित ऊंचाई पर सेट कर सकता हूं, लेकिन बहु-चयन विस्तार के रूप में अधिक विकल्प चुना जाता है, और मैं अभी भी लंबी सूचियों पर एक ही समस्या में भाग लेगा।

क्या चुनी गई बहु-चयन को एक विशिष्ट ऊंचाई पर सेट करने का कोई तरीका है? धन्यवाद!

Answer 1

कोई बात नहीं ... यह पता लगा मेरे अपने सीएसएस के प्रयोग पर:

.mycontainer { 
    height: 120px; 
} 

.mycontainer .chzn-container-multi .chzn-choices { 
    height: 120px !important; 
    overflow-y: auto; 
} 

.mycontainer div कि चुने हुए लटकती रखती है।

---

कृपया उत्तर संपादित करना छोड़ दें। यह उत्तर चुना गया संस्करण के साथ संरेखित है जो 2 साल पहले उपलब्ध था जब मैंने मूल रूप से प्रश्न पूछा था। उन लोगों के लिए जो नए संस्करणों (यानी 1.4.2) का उपयोग कर रहे हैं, आप उपरोक्त सीएसएस में "चुने गए" उपसर्ग को "चुने गए" में बदलने का प्रयास कर सकते हैं ... लेकिन कोई गारंटी नहीं है कि यह काम करेगा (मैंने अपनी नई नहीं देखी है । स्टाइल)

Answer 2

मैं नीचे सीएसएस कक्षा में सूची ऊंचाई हल करने में सक्षम था:

.chzn-container .chzn-results { 
height: 150px;} 

और मैं सूची शेष के लिए स्क्रॉल मिला है।

Answer 3

.chzn-container .chzn-results { max-height: 150px; } 

Answer 4

अन्य सभी उत्तर काम करते हैं, लेकिन मेरा मानना ​​है कि यह सबसे सुरुचिपूर्ण समाधान है: के लिए .chzn-results (जैसे 150px) एक नई अधिकतम ऊंचाई निर्धारित करें। सभी प्रासंगिक अन्य ब्लॉक का पालन करेंगे। इस तरह ड्रॉपडाउन केवल कुछ परिणामों के साथ बहुत बड़ा नहीं होगा।

.chzn-results { 
    height: 150px; 
} 

(!important जोड़े लाइन यदि आप chosen.css के व्यवहार को ओवरराइड करने की जरूरत है)

:

.chzn-results { 
    max-height: 150px; 
} 

तुम सच में भी कुछ परिणाम के साथ, एक निश्चित ऊंचाई चाहते हैं, बस निम्नलिखित कोड का उपयोग

Answer 5

यह वही मेरे लिए चाल किया है:

.mycontainer .chosen-choices { 
    max-height: 150px; 
    overflow-y: auto; 
} 

Y कहां मूल रूप से विकल्पों को रखने वाले उल की ऊंचाई को सीमित करना चाहते हैं।