dropdownlist第一个元素样式

Question

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

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

例如：

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

select
Car
Bike
Bus

然后第一个元素（选择）应该始终显示某些特定的颜色。

编辑：

  

    

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

  

我想要两者。

Answer 1

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

参考 css 和 eq

Answer 2

试试这个

HTML：

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

JS：

$("#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");
})

Fiddle

Answer 3

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

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

这是一个小提琴：

http://jsfiddle.net/PjjmT/

Answer 4

使用CSS，您可以（在某些浏览器中，但不一定全部，考虑到可靠地样式化select元素的困难），设置select选项的样式（给定以下HTML）：

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

和CSS：

option {
    color: #f00;
}

option[value] {
    color: #000;
}

JS Fiddle demo

上述方法需要使用能够理解属性选择符表示法的浏览器，以及具有option属性且颜色为value的样式#000元素，以及那些option元素没有 value属性#f00。

Answer 5

试试this，这对您有帮助

HTML

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

JS

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

Answer 6

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

$（“select option：first-child”）。css（'color'，'gray'）;

if（$（“＃SelectedProductId”）。val（）==“0”）$（“＃SelectedProductId”）。css（'color'，'gray'）;    else $（“＃SelectedProductId”）。css（'color'，'black'）;

$（“＃SelectedProductId”）。change（function（）{        if（$（“＃SelectedProductId”）。val（）==“0”）$（“＃SelectedProductId”）。css（'color'，'gray'）;        else $（“＃SelectedProductId”）。css（'color'，'black'）;    }）;