如何在 CSS 中更改默认的蓝色选择选项颜色

Posted 2023-04-14

【中文标题】如何在 CSS 中更改默认的蓝色选择选项颜色

【英文标题】：How to change default blue select option colour in CSS

【发布时间】：2018-09-23 17:32:06

【问题描述】：

Simple Select Menu with blue background for options

当您将鼠标悬停在选择菜单选项上时，更改此默认蓝色背景的最简单方法是什么？可以只用 CSS 完成吗？

我尝试过使用 :hover 和 :active 选择器，但没有成功

请帮忙！

【问题讨论】：

选项标签的样式很难改变，自己做下拉列表更容易

@ChrisLi 谢谢，问题是我不托管这个下拉菜单，它是由第三方货币转换器应用程序提供的，我只能通过 CSS 更改它的样式。那么就绝对没有办法改变了吗？这是我需要做的最后一个小细节，网站很好：p

这里有一篇关于样式选项标签***.com/questions/5887133/…的帖子

【参考方案1】：

此行为绑定到:focus

select:focus 
   outline: 5px dotted green;

这里是小提琴的链接：https://jsfiddle.net/sfuv1k09/3/

【讨论】：

非常感谢，但我的意思是选项（在下拉菜单中）背景为蓝色，我想将其更改为 #000 并且文本颜色保持为 #fff

@LouayMadrid Madrid 你能提供选择的html代码吗？