如何更改特定div的选项选择的字体颜色？

-2

如何将选项选择的第二个孩子更改为“订单”为绿色？我有下面的代码适用于所有选项选择哪一个是不可取的基于我需要的。这是可行的吗？如何更改特定div的选项选择的字体颜色？

<style> 
    select option:nth-of-type(2){ 
    color: green; 
    } 
</style> 

<select id="order"/> 
    <option value="">1</option> 
    <option value="">2</option> 
    <option value="">3</option> 
</select> 
<select id="type"/> 
    <option value="">A</option> 
    <option value="">B</option> 
    <option value="">C</option> 
</select>

来源

2017-07-21 ninjachuku

可能重复[如何更改选择框的选项文本的颜色？]（https://stackoverflow.com/questions/8635317/how-do-change-the-color-of-the-select -boxs-option-text） –

[如何更改选择框选项背景颜色？]（https://stackoverflow.com/questions/12836227/how-to-change-select-box-option-background-color ） –

使用悬停解决此问题 –

你可以做到这一点，并指定你的CSS类手动

option.colored { 
 
color: red; 
 
}

<select> 
 
<option>Option 1</option> 
 
<option class="colored">Option 2</option> 
 
<option>Option 3</option> 
 
</select>

我们选择/复选框配合该申报单

或者你也可以做到这一点，有充分的：在一个特定的列表

.coloredOption option:nth-child(2n+2) { 
 
    color: red; 
 
}

<select class="coloredOption"> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
    <option>Option 3</option> 
 
    <option>Option 4</option> 
 
    <option>Option 5</option> 
 
    <option>Option 6</option> 
 
</select>

色的第n项

来源

2017-07-21 06:30:35 Xariez

我虽然在第一次尝试时做了这个，但没有奏效。我只是意识到我没有按Ctrl F5刷新缓存。 – ninjachuku

-1

如果您想自定义任何类型的复选框（包括选择/选项）。我们通常会创建像我们想要的是外观的div，我们用JavaScript

帮助

来源

2017-07-21 06:28:44 Sergey

如何更改特定div的选项选择的字体颜色？

回答

相关问题