不要在下拉列表中顯示第一個選項

Question

我有20個選項的下拉菜單，我喜歡選擇第10個，但我不希望它應該選擇藍色，它應該只是在用戶打開下拉列表之前顯示的那個。

所以基本上它應該仍然是所有選項，而是顯示第一個它應該顯示第10個，當用戶打開下拉列表時，我們將能夠看到所有選項。
selected="selected"很好但是它選擇了藍色，我只是想它應該是shoen，而不是顏色。
*在用戶打開之前，下拉列表僅顯示1個選項。

Answer 1

它是您正在尋找的選定房產嗎？

<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4" selected="selected">4</option>
    <option value="5">5</option>
</select>

可以在這里找到一個jsfiddle： http ： //jsfiddle.net/TpuRc/

Answer 2

我不認為您可以使用Javascript或CSS執行此操作，而不使用內置控件。 各種瀏覽器允許SELECT和OPTION元素的一些樣式，但它們非常不一致，我不指望能夠使用它們。

但是有許多庫可以將表單元素替換為可以設置樣式的表單元素，並使隱藏的底層表單值與它們保持同步。 其中一個這樣的庫是http://www.emblematiq.com/lab/niceforms/，但有很多可供選擇。