निश्चित चौड़ाई और स्क्रॉलबार के साथ HTML चयन तत्व

Question

यह शायद एक मूल सीएसएस प्रश्न है, लेकिन मैं सीएसएस में धाराप्रवाह नहीं हूं और बस सर्किल में जा रहा हूं।

यहां मेरे पास अंग्रेजी में है: मेरे पास 400px का एक निश्चित चौड़ाई चयन तत्व है। प्रत्येक विकल्प के लिए पाठ उस 400px चौड़ाई में फिट नहीं है। मुझे एक क्षैतिज स्क्रॉल बार नहीं मिलता है, यह सिर्फ पाठ को काटता है। मैं स्क्रॉल बार कैसे प्राप्त करूं?

यहाँ मैं HTML/CSS में है:

<div> 
    <select style="width=400px"> 
    <option>this text is too wide to fit and gets cut off.....</option> 
    ... 
    </select> 
</div> 

मैं अतिप्रवाह संपत्ति की कोशिश की है, लेकिन मैं या तो इसे गलत तरीके से उपयोग कर रहा हूँ या यह चयन तत्व पर काम नहीं करता।

मैं क्षैतिज स्क्रॉल बार कैसे प्राप्त करूं?

Answer 1

फार्म तत्वों बेहद मुश्किल होता है एक स्क्रॉलबार नहीं है, अंदाज।

अपनी चौड़ाई सेटिंग के लिए, आपके पास एक छोटा टाइपो है। आप की जरूरत है

<select style="width: 400px"> 

अन्यथा, मुझे लगता है कि क्षैतिज स्क्रॉलबार एक सामान्य select तत्व का प्रयोग कर प्राप्त नहीं किया जा सकता। आपको SexyCombo जैसे जावास्क्रिप्ट आधारित विकल्प का सहारा लेना होगा, जो स्क्रॉल बार के लिए अनुकूलन योग्य हो सकता है। यहां अधिक विकल्प: 11 jQuery Plugins to Enhance HTML Dropdowns

Answer 2

1. यह होना चाहिए <select style="width: 400px;"> (नहीं "width=")
2. एक नियमित HTML का चयन करें कोई फर्क नहीं पड़ता कि आप क्या करते :)

Answer 3

आप इनलाइन सीएसएस सिंटैक्स का उपयोग कर रहे हैं, आपको शैली = "चौड़ाई: 400 पीएक्स;" का उपयोग करना चाहिए

और आप एक से अधिक चयन का उपयोग अगर तुम सिर्फ का उपयोग

<select multiple style="width: 400px;">