एचटीएमएल डेटालिस्ट टैग में वर्टिकल स्क्रॉल कैसे जोड़ें

Question

मेरे पास बहुत सारे विकल्प के साथ एक डेटालिस्ट है, सूची बहुत लंबी है, मैं इसे लंबवत स्क्रॉल देना चाहता हूं।

<input list="browsers" name="browser"> 
    <datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
<option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
<option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
    </datalist> 

यहाँ डेमो समस्या
FIDDLE

Answer 1

दुर्भाग्य से, वहाँ नहीं है जितना आप DataList विशेषता के साथ क्या कर सकते हैं। डाटलिस्ट वर्तमान में किसी भी सीएसएस स्टाइल का समर्थन नहीं करता है, और विशिष्ट दृश्य विशेषताओं ब्राउज़र-विशिष्ट हैं। कुछ ब्राउज़र लंबे सूचियों के लिए स्क्रॉलबार जोड़ना चुन सकते हैं। यदि यह स्वीकार्य नहीं है, तो आपको डेटलिस्ट को भूलना होगा और ड्रॉपडाउन सूची को लागू करना होगा और अपनी आवश्यकताओं के अनुसार सूची आकार सेट करना होगा।