5

Çok seçeneğim olan bir datalist var, Liste çok uzun sürüyor Dikey kaydırma yapmak istiyorum. İşteHTML DataList etiketinde dikey kaydırma nasıl eklenir

<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

cevap

2

Maalesef orada değil demo Sorun kadar datalist özniteliği ile yapabilirsiniz. Datalist şu anda herhangi bir CSS stilini desteklemiyor ve belirli görsel özellikler tarayıcıya özgüdür. Bazı tarayıcılar uzun listeler için kaydırma çubukları eklemeyi seçebilir. Eğer bu kabul edilemezse, datalistleri unutup bir dropdown listesi uygulamanız ve liste büyüklüğünü ihtiyaçlarınız doğrultusunda ayarlamanız gerekebilir.

+0

Bir örnek verebilir misin – ozil

+0

@ ozil firefox tarayıcısında keman bağlantınıza bir göz atın – rJ7