csshtml-datalist

Is there a way to apply a CSS style on HTML5 datalist options?

Can CSS properties apply on datalist options?

<input list="languages" id="language_id">
<datalist id="languages">
      <option value="java">Java</option>
      <option value="perl">Perl</option>
</datalist>

This did not work:

option {
    background: red;
}
Solution

  • Like select elements, the datalist element has very little flexibility in styling. You cannot style any of the suggested terms if that's what your question was asking.

    Browsers define their own styles for these elements.