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

9udxz4iz  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(283)

我有这个:

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

我想把它的高亮背景改为绿色。我该怎么做,而不把我的标签转换成任何形式。有什么想法吗?

s71maibg

s71maibg1#

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

dluptydi

dluptydi2#

我怀疑是否有您特别要求的 * 选项突出显示 *。
事实证明,在SO中存在多个类似的问题,尽管this one给出了一个很好的解释:
你不能改变选择选项的悬停颜色,因为它是由操作系统而不是HTML呈现的

相关问题