html-datalist

I would like to modify the way that the list of the different options of my datalist are displayed. Is it possible to apply on it some CSS properties ? <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist> I tried option { background: red; } but it does not seem to work. Like select elements, the datalist element has very little flexibility in styling. You cannot style any of the

Currently the HTML5 <datalist> element is supported in most major browsers (except Safari) and seems like an interesting way to add suggestions to an input. However, there seem to be some discrepancies between the implementation of the value attribute and the inner text on the <option> . For example: <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> This is handled differently by different browsers: Chrome and Opera: FireFox and IE 11: After selecting one, the input is filled with the value and not the inner text. I only want the