改变 <select> <option> 高亮颜色答案

【问题标题】：Change <select> <option> highlight color改变 <select> <option> 高亮颜色
【发布时间】：2022-02-18 17:01:50
【问题描述】：

我有这个：

<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>

我想将其高亮背景更改为绿色。我将如何做到这一点，而不转换我的标记到任何形式。有什么想法吗？

【问题讨论】：

你可以在这里看到一些有用的内容stackoverflow.com/questions/19388011/…
Changing <select> highlight color的可能重复
看看这篇文章：jQuery Select CSS Style
这个问题有解决办法吗？

标签： css twitter-bootstrap overriding

【解决方案1】：

我不确定你真的可以用纯 CSS 来改变它。这是浏览器/操作系统定义的颜色。你可以做一些更骇人听闻的事情，并使用 div 制作自定义下拉菜单。或者你可以找到一些 javascript 库来处理这个..

【讨论】：

【解决方案2】：

我怀疑您特别要求的选项突出显示有什么东西。

原来有很多这样的问题，尽管this one 给出了一个很好的解释：

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

【讨论】：

“将背景突出显示为绿色”提问者没有询问背景颜色
好的 - 我将我的答案修改为措辞正确的内容。我提供了一个更自定义样式的选项，然后提供了一些附加信息，说明您不能实际上执行特定要求的操作。
@Brian 很抱歉让您度过了糟糕的一天 - 但是我提供了上下文和代码 sn-ps。请去其他地方刻薄吗？
很抱歉你把它当成我今天过得不好。没什么私人的，让你的答案唯一有效的方面是指向另一个问题的链接是没有帮助的。
我意识到我只能说“你不能改变选择选项的悬停颜色，因为它是由操作系统而不是 HTML 呈现的” - 但是我决定链接回原来的历史问题上下文，并根据 OP 所要求的假设为某些自定义添加额外的信息。我看不出“指向另一个问题的链接”怎么可能是唯一有效的东西。