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

试试这个： -

＆＃13;

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

＆＃13;

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

＆＃13;

或

＆＃13;

.Color{
    background-color: #999;
}

＆＃13;

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

＆＃13;

Answer 2

您是否希望所选选项具有其他颜色或第一个选项？

如果您想要所选的选项，可以试试这个：

选择选项[已选择] { }

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

选择选项：first { }

选择标签的颜色

2 个答案: