是否有适用于HTML5数据列表选项的CSS样式的方法吗?(Is there a way to app

2019-06-21 12:09发布

我想修改所显示的我的数据列表的不同选项列表的方式。 是否有可能采用它的一些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:

就像选择元素,该datalist元素在造型非常小的灵活性。 你不能样式的建议条款的,如果这是你的问题是问。

浏览器定义自己的风格这些元素。



Answer 2:

尝试:

input[list]
{
  background: red;
}


文章来源: Is there a way to apply a CSS style on HTML5 datalist options?