有没有办法在HTML5 datalist选项上应用CSS样式？ [英] Is there a way to apply a CSS style on HTML5 datalist options?

问题描述

我想修改显示我的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>

我尝试了

option{
    background: red;
}

但似乎无效。

推荐答案

像选择元素， datalist 元素在样式中几乎没有灵活性。

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.

这篇关于有没有办法在HTML5 datalist选项上应用CSS样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！