Html5彩色下拉菜单不起作用

我已经尝试了所有的方法，每一种方法都给下拉框一个给定的颜色，使用一个单独的css链接，选项中的css样式等等。把它去掉，这样它们就没有框架了，仍然什么都没有。我现在正在使用Bootstrap，这是我当前的代码，用于为下拉选项提供颜色，如果有人可以帮助的话，那将是非常棒的。 如您所见，第一个选项是使用给定颜色作为测试，尽管没有成功：/

在线好友列表颜色 红色 橙色 黄的 石灰 绿色 龙舌兰 浅蓝色 深蓝色 紫色 粉红色 黑色 灰色 白色

---

您需要使用以下任一选项：

不同css的不同类，或 不同的id，并按它们选择。 演示：

类型0{ 背景：红色； } 类型1{ 背景：橙色； } 类型2{ 背景：黄色； } 类型3{ 背景：石灰； } 在线好友列表颜色 红色 橙色 黄的 石灰 在线好友列表颜色 红色 绿色 黑色

---

重复Id在html中无效。它们必须是唯一的为什么你经常使用类型作为id？它是复制和粘贴的，只是将id和名称更改为正确的颜色，仍然没有运气。可能会在我的电脑上试用，只是为了检查它是否与MacOS有关只是试了一下，运气不好。在一个空白的Html页面上，你在使用哪个浏览器？太好了，我是否可以输入它以使用选项而不是Liu？幸运的是，我相信它只在标记内有效，所以我不相信，尽管可能是错误的。但就目前情况而言，我认为不使用option标记来实现此功能会更安全。嗯，我确实需要该选项，因为给定选项的值将在稍后提交到数据库中。第二个代码片段成功了。难道它就是不喜欢在mac电脑上工作？这听起来很愚蠢，但只是一个想法你是指选择本身的背景还是所有选项的背景？您使用的浏览器是什么？或者，只是为了让用户可以直观地看到它是什么颜色。但所有选项的背景都是首选的。我使用的是Chrome，我也尝试过Safari。它在两种浏览器上都能工作，但我在windows上…，所以如果你想让我做javascript的事情，我会做一些关于更新select元素背景颜色的研究。但我不明白：你看到什么颜色了吗？如果你不介意做Javascript部分，那就太好了。在你放的最后一个代码片段中，我可以看到默认选项是红色，但当我选择任何其他选项时，即使在黑色上，它也会保持红色/