Css 改变<;选择>&书信电报;选项>;突出显示颜色

Css 改变<;选择>&书信电报;选项>;突出显示颜色,css,twitter-bootstrap,overriding,Css,Twitter Bootstrap,Overriding,我有这个: <select name="idx" id="search-field_0"> <option value="kw">Keyword</option> <option value="su,wrdl">Subject</option> <option value="ti">Title</option>

我有这个:

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

关键词
主题
标题
作者
出版商
发布者位置
ISBN
条形码

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

我不确定你是否真的可以用纯css来改变这一点。这是浏览器/操作系统定义的颜色。你可以做一些更简单的事情,用div做一个自定义下拉列表。或者您可以找到一些javascript库来处理此问题。

我怀疑您是否特别要求突出显示选项

事实证明,像这样的问题有很多,尽管以下是一个很好的解释:

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


你可以在这里看到一些有用的内容,可能是重复的,看看这篇文章:这个问题有什么解决方案吗?“突出背景到绿色”提问者没有问背景颜色好的-我修改了我的答案,措辞正确。我提供了一个更为定制的样式选项,然后提供了一些附加信息,说明您实际上无法执行特别要求的操作。@Brian我为您今天的糟糕表现道歉-不过我提供了上下文和代码片段。请你到别的地方去吧?我很抱歉你认为我今天过得不好。不是针对个人的,只是让你的答案的唯一有效方面是指向另一个问题的链接是没有帮助的。我意识到我只能说“你不能更改选择选项的悬停颜色,因为它是由操作系统而不是HTML呈现的”-但是我决定根据历史背景链接回原始问题,并根据OP要求的假设为某些定制添加额外的信息。我不认为“链接到另一个问题”是唯一有效的东西。