Javascript 适用于Chrome但不适用于Firefox的JS/CSS代码

我有一些html和JavaScript用于选择下拉框。当用户选择颜色时，我希望所选选项的背景成功更新为背景颜色

在代码中，我体验到了Firefox正在发生的事情，当您将鼠标悬停在一个选择选项上时，它会将鼠标悬停的颜色更改为蓝色，当您选择它时，它会采用该背景色

当我在Chrome中运行完全相同的代码时，它成功地使用了所选选项的背景色

如何使此跨平台兼容并工作

$（“#color_-me1”）.change（函数（）{
var color=$（“选项：选中”，this）.css（“背景色”）；
$（“#color_me1”）.css（“背景色”，color）；
});

颜色一：
--选择颜色--
褐红色的
红色
橙色
黄色的
橄榄树
绿色
紫色
紫红色
石灰
水鸭
水绿色
蓝色
海军
灰色
白色

不确定为什么会发生这种情况，但这是可行的：

$("#color_me1").change(function(){
    var color = $("option:selected", this).get(0).style.backgroundColor
    $("#color_me1").css("background-color", color);
});

或使用JavaScript：

$("#color_me1").change(function(){
     var selectedOption = this.selectedOptions[0]
     var color = selectedOption.style.backgroundColor
    $("#color_me1").css("background-color", color);
});

表单元素的样式在客户端之间不一致。你所能做的就是为一个特定的客户端使用专有的CSS。这可能是Firefox中的一个bug，或者他们不支持这个功能。它不受任何适用于所有浏览器的标准控制。快速互联网研究表明，这可能是一个bug，尽管Firefox声称已经修复了它，但其他人却不敢苟同。请参见instancerelated:
$（“#color_me1”）
抛出null，这就是颜色不改变的原因。正如其他人提到的，可能是浏览器或库不支持该浏览器方法的问题。颜色正在更改为悬停背景色。默认情况下，当您选择一个选项时，它的文本为黑色，背景为白色，当使用此选项时，它只采用悬停选项时的背景色，基本上是蓝色。有什么解决方法吗？非常感谢，这个问题有点让我发火，我很感激这两种不同的解决方案。@97WaterPolo很乐意帮忙！