如何更改特定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的選項選擇的字體顏色？

回答

相關問題