Bootstrap's convention for dropdown lists is to use an unordered list (http://getbootstrap.com/components/#dropdowns). It would be nice if the datalist would use this convention instead of a select because each browser has its own way of handling a select list and its options. You can't override styles like the "hover" over a select list's options in Chrome or IE 11 / Edge. It seems like that can only be done in Firefox.
Bootstrap's convention for dropdown lists is to use an unordered list (http://getbootstrap.com/components/#dropdowns). It would be nice if the datalist would use this convention instead of a select because each browser has its own way of handling a select list and its options. You can't override styles like the "hover" over a select list's options in Chrome or IE 11 / Edge. It seems like that can only be done in Firefox.