更改<select> <option>突出显示颜色

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>

​

​

我想把它的高亮背景改成绿色。我该如何做到这一点，而不把我的标签转换成任何form.Any的想法？

Answer 1

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

Answer 2

我怀疑你特别要求的选项高亮显示有什么用。

尽管this one给出了一个很好的解释，但还是有很多这样的问题

你不能改变select选项的悬停颜色，因为它是由操作系统而不是

呈现的