選択タグの色

Question

selectタグに一種のプレースホルダを作っていますが、色をグレーに変更する手がかりがありません。私は灰色の「あなたの場所」だけを必要とし、残りは黒くなります。それは純粋なCSS/HTMLで行うことができますか？

HTML：

<select> 
<option value="" disabled selected hidden>Your Location</option> 
<option value="Warszawa">Warszawa</option> 
<option value="Gdańsk">Gdańsk</option> 
<option value="Kraków">Kraków</option> 

CSS：ここ

select, select option { 
background-color: #f4f4f4; 
margin: 5px 2px 2px 0; 
padding-left: 20px; 
border-left: 1px solid #c6c6c6; 
color: black; 

}

リンクです：https://jsfiddle.net/LrqLthpr/

Answer 1

あなたが選択したオプトインをしたいですか他の色のイオン、または最初のオプション??

あなたが選択したオプションが必要な場合、あなたはこの試みることができる：あなただけの最初のオプションを使用する場合は

選択オプション[選択] { }

を：

選択オプション：最初の{ }

Answer 2

はこれを試してください： -

.greenColor{ 
 
    background-color: #33CC33; 
 
} 
 
.redColor{ 
 
    background-color: #E60000; 
 
}

<select id="reviewAction"> 
 
<option class="greenColor">Accept and Advance Status</option> 
 
<option class="redColor">Return for Modifications</option> 
 
</select>

または

.Color{ 
 
    background-color: #999; 
 
}

<select id="reviewAction"> 
 
<option class="Color">Accept and Advance Status</option> 
 
<option class="Color">Return for Modifications</option> 
 
</select>