html datalist css,css - How to make a html datalist overflow? - Stack Overflow

You can make use of combox box as an alternate to datalist available here.

div.combobox {font-family: Tahoma;font-size: 12px}

div.combobox {position: relative;zoom: 1}

div.combobox div.dropdownlist {display: none;width: 200px;

border: solid 1px #000;background-color: #fff;

height: 200px;overflow: auto;position: absolute;

top: 18px;left: 0px;}

div.combobox .dropdownlist a {display: block;text-decoration: none;

color: #000;padding: 1px;height: 1em;cursor: default}

div.combobox .dropdownlist a.light {color: #fff;

background-color: #007}

div.combobox .dropdownlist, input {font-family: Tahoma;font-size: 12px;}

div.combobox input {float: left;width: 182px;

border: solid 1px #ccc;height: 15px}

div.combobox span {border: solid 1px #ccc;background: #eee;

width: 16px;height: 17px;

float: left;text-align: center;border-left: none;cursor: default}

▼

Item1

Item2

Item3

var no = new ComboBox('cb_identifier');

download combobox plugin from: