css - 有没有办法在 HTML5 数据列表选项上应用 CSS 样式？

Question

我想修改我的数据列表的不同选项列表的显示方式。是否可以在其上应用一些 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;
}

但是好像不行。

Answer 1

与select 元素一样，datalist 元素在样式方面的灵 active 很小。如果这是您的问题，则您不能为任何建议的术语设置样式。

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