更改<选择> <选项>突出显示颜色</选项> </选择>

Question

我有这个：

<select name="idx" id="search-field_0">
    <option value="kw">Keyword</option>
    <option value="su,wrdl">Subject</option>                                        
    <option value="ti">Title</option>        
    <option value="au,wrdl">Author</option>                                                                    
    <option value="pb,wrdl">Publisher</option>
    <option value="pl,wrdl">Publisher location</option>
    <option value="nb">ISBN</option>                                        
    <option value="bc">Barcode</option>
</select>

我想将其高光背景更改为绿色。如何在不转换我的情况下这样做  标记为任何形式。任何想法？

Answer 1

我不确定你是否真的能用纯css改变它。这是浏览器/操作系统定义的颜色。你可以做一些有点hackier的事情并使用div进行自定义下拉列表。或者你可以找到一些javascript库来处理这个..

Answer 2

我怀疑你特别要求的选项突出显示。

事实证明，SO有很多这样的问题，尽管这是this one的一个很好的解释：

  

您无法更改选择选项的悬停颜色，因为它是由操作系统而不是HTML

呈现的