Javascript dropdownlist第一元素样式

我想在jquery/javascript中设置下拉列表的第一个元素的颜色

表示是否选择了下拉列表的第一个元素，该元素应为某种特定颜色

例如：

让下拉列表中有4个元素：-

select
Car
Bike
Bus

然后，第一个元素（选择）应始终显示在某个特定颜色上

编辑：

根据上面的图像，选择字段在列表上是彩色的，但在默认文本上不是

我两者都要

$("#selectboxid option:eq(0)").css("color","red");// you can set any color

参考和

这是你想要的吗？ （附css）

这是一把小提琴：

使用CSS，您可以（在某些浏览器中，但不一定是所有浏览器，考虑到设置<代码>选择元素的样式存在困难），设置<代码>选择选项的样式（给定以下HTML）：

当然，上述方法需要使用理解属性选择器符号的浏览器，并为具有颜色为

000

的

值属性的
选项
元素以及不具有
值的
选项
元素
属性

f00

尝试，这对你很有帮助

HTML

试试这个 Html:

---

我找到了完成任务的方法：

$（“选择选项：第一个子项”）.css（'color'，'gray'）

if（$（“#SelectedProductId”）.val（）=“0”）$（“#SelectedProductId”）.css（'color'，'gray'）； else$（“#SelectedProductId”）.css（'color'，'black'）

$（“#SelectedProductId”）.change（函数（）{ if（$（“#SelectedProductId”）.val（）=“0”）$（“#SelectedProductId”）.css（'color'，'gray'）； else$（“#SelectedProductId”）.css（'color'，'black'）；

---

});

Ritu在dropdownlist上显示设置的颜色。但不是在dropdownlist的默认标签上。我想知道这一点。$（“#selectboxid选项：selected”）.css（“颜色”，“红色”）；//您可以设置任何颜色，只按颜色文本颜色更改在颜色位置使用背景，然后如果需要，使用背景更改，然后使用$（“#selectboxid option:eq（0）”）.css（{“颜色”：“红色”、“背景”、“绿色”}）；这不是一个正确的答案，只有在打开下拉列表时才会更改它。当您单击“选择”并以红色背景显示第一个选项的下拉列表时

select option:first-child{
    background:red;
}

<select>
    <option>Select</option>
    <option value="1">One</option>
    <option value="2">Three</option>
    <option value="3">Two</option>
</select>

option {
    color: #f00;
}

option[value] {
    color: #000;
}

<select><option>ABC</option><option>CDE</option><option>FGH</option></select>

$('select option:first-child').css("background-color", 'red');

<select id="selectboxid">
<option selected="selected">Hello</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

$("#selectboxid").css("color","green");
$("#selectboxid option").not("#selectboxid :selected").each(function(){
$(this).css("color","black")
});
$("#selectboxid").change(function(){
    $("option",this).each(function(){
    $(this).css("color","black");
    })
    $(":selected",this).css("color","green");
})