相关疑难解决方法(0)

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

但它似乎没有用.

我有以下代码：

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

在Chrome浏览器中，我在右上角看到了黑色的小向下箭头

有什么办法可以删除或隐藏它？

JSFiddle

更新：

我知道我可以包装它，然后使用psuedo -element将其关闭，如本JSFiddle中所示

但是我需要另一种解决方案，还有其他方法吗？