有没有办法在HTML5 datalist选项上应用CSS样式？

我想修改显示我的数据列表不同选项的列表的方式。是否可以应用一些CSS属性？

<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>

我试过了

option{
    background: red;
}

但它似乎不工作。

解决方法

像选择元素一样，datalist元素在样式中几乎没有灵活性。如果这是你的问题要求，你不能样式任何建议的条款。

浏览器为这些元素定义自己的样式。

原文地址：https://www.jb51.cc/html5/169401.html