選擇標記的顏色

我在選擇標記中做了一種佔位符，但不知道如何將其顏色更改爲灰色。我只需要「你的位置」灰色，其餘的應該保持黑色。它可以在純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/

來源

2016-11-12 Ragar

你想選擇的選擇離子與其他顏色或第一個選項？

如果你想選擇的選項，你可以試試這個：

選擇選項[選擇] { }

如果你只想在第一個選項：

選擇選項：第一個{ }

來源

2016-11-12 14:47:49

我需要選擇「我的位置」是灰色，像一個佔位符的工作。任何被選中或下拉的應該保持黑色。 – Ragar

向它添加一個類並創建一個應用灰色的CSS。 –

嘗試過，但它不工作在這裏:( – Ragar

試試這個： -

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

來源

2016-11-12 14:49:33

你改變了一個選項背景，我需要的「你的位置」的字體顏色，甚至沒有顯示在下拉列表中灰色 – Ragar

好吧i'ii嘗試.... –

選擇標記的顏色

回答

相關問題