选择标记的颜色

Question

我在选择标记中做了一种占位符，但不知道如何将其颜色更改为灰色。我只需要“你的位置”灰色，其余的应该保持黑色。它可以在纯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>