Javascript 更改选择的默认选项的css

我正在尝试更改选择的当前选定选项的背景色。 似乎很简单，使用

$（“#选择选项：选中”）.css（“背景色”、“粉色”）

在jqueryonload中。唯一的问题是，只有单击“选择”按钮，才能看到粉红色选项

我需要它，以便在我的表单加载时突出显示当前选项

$（“#选择”）.css（“背景色”、“粉色”）

确实实现了这一点，但它也会突出显示“选择”中的所有其他选项

这是一个值得玩弄的例子。有没有什么非黑客可以做到这一点
 首先可以为所有选项指定
”
，然后可以为所选项目指定
背景色。您可以使用事件来选择颜色

试试这个：


$（文档）.ready（函数（）{
$（“#选择选项：选中”）.css（“背景色”、“粉色”）；
});
$（“#选择”）.change（函数（）{
$（“#选择选项”）.css（“背景色”）；
$（“#选择选项：选中”）.css（“背景色”、“粉色”）；
});

福
酒吧
起泡
嗡嗡声
首先您可以为所有选项指定
”
，然后您可以为所选项目指定
背景色。您可以使用事件来选择颜色

试试这个：


$（文档）.ready（函数（）{
$（“#选择选项：选中”）.css（“背景色”、“粉色”）；
});
$（“#选择”）.change（函数（）{
$（“#选择选项”）.css（“背景色”）；
$（“#选择选项：选中”）.css（“背景色”、“粉色”）；
});

福
酒吧
起泡
嗡嗡声
我更新了JSFIDLE，以便更准确地描述我正在寻找的行为（很抱歉，这是一个很难描述的问题）


我只需首先设置整个选择的背景颜色。然后将其所有选项设置为白色，最后将选定的选项再次设置为粉红色。这不是我一直在寻找的非黑客解决方案，但它确实有效。任何其他使用css的简化或更好的想法都将不胜感激
我更新了JSFIDLE，以更准确地描述我正在寻找的行为（很抱歉混淆，这是一个很难描述的问题）


我只需首先设置整个选择的背景颜色。然后将其所有选项设置为白色，最后将选定的选项再次设置为粉红色。这不是我一直在寻找的非黑客解决方案，但它确实有效。任何其他使用css的简化或更好的想法都将不胜感激
我需要默认选项为粉红色。也就是说，当我点击“运行代码片段”时，它应该是粉红色的。有没有办法做到这一点？默认值意味着它
食物
应该是粉红色的？？因为正如我在选择框中看到的，当你们点击它时，它已经是粉红色的了。是的，但有没有办法让它不点击就显示为粉红色？这就是我默认的意思。我发现唯一的方法是改变选择本身的背景颜色。然而，当你点击它时，这会改变所有选项的背景颜色。你可以动态地处理它，所以只要选项是食物，那么只会改变背景颜色。当然，但希望有一种更天然的方法来使用cssI，需要默认选项为粉色。也就是说，当我点击“运行代码片段”时，它应该是粉红色的。有没有办法做到这一点？默认值意味着它
食物
应该是粉红色的？？因为正如我在选择框中看到的，当你们点击它时，它已经是粉红色的了。是的，但有没有办法让它不点击就显示为粉红色？这就是我默认的意思。我发现唯一的方法是改变选择本身的背景颜色。然而，当你点击它时，这会改变所有选项的背景颜色。你可以动态处理它，所以只要选项是食物，就只改变背景颜色。当然，但我希望有一种更天然的方法来使用CSST，这可能是个好主意：）这可能是个好主意：）
$("#selection").css("background-color", "pink");
$("#selection > option").css("background-color", "white");
$("#selection option:selected").css("background-color", "pink");