选择标签的颜色答案

【问题标题】：Color of select tag选择标签的颜色
【发布时间】：2017-03-26 15:04:20
【问题描述】：

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

【问题讨论】：

标签： html css select colors

【解决方案1】：

试试这个：-

.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>

【讨论】：

你改变了一个选项背景，我需要“你的位置”的字体颜色，它甚至没有在下拉菜单中显示为灰色

【解决方案2】：

你想要选择的选项有其他颜色还是第一个选项？？

如果你想要选择的选项，你可以试试这个：

选择选项[已选择]{ }

如果您只想要第一个选项：

选择选项：first{ }

【讨论】：

我需要一个选定的“你的位置”是灰色的，像一个占位符一样工作。任何被选中或在下拉列表中的东西都应该保持黑色。
向其中添加一个类并创建一个应用灰色颜色的 CSS。