移動媒體查詢下拉列表CSS樣式

Question

我試圖爲我的網站移動導航下拉列表樣式，它看起來無聊的默認向下箭頭。我只是想知道如何將默認箭頭替換爲我創建的圖形。

<select name="mobilenav" id="mobilenav" title="Select Destination"> 
<option selected>Select Destination</option> 
<option>Philadelphia</option> 
<option>United States of America</option> 
<option>Destination</option> 
<option>Long Destination Names</option> 
<option>Australia</option> 
</select> 

而且當我測試它，並用我的移動設備點擊下拉菜單，它會創建一個彈出菜單列表，而不是一個下拉菜單。

對不起，我提前的無知和感謝！

Answer 1

默認的select元素可能因設備而異，IOS可能與android看起來不一樣。您可能想要使用諸如http://gregfranko.com/jquery.selectBoxIt.js/之類的jQuery插件（或者找到更適合您的人）來更改默認外觀。我不是100％確定這是否適用於移動設備，但應該爲您提供更多桌面瀏覽器的樣式選項。

如果你不需要使用select元素，你也可以使用無序列表，風格如何你喜歡，並使用jQuery擴展和收縮點擊列表項目...只是一個想法，而不是當然，如果這是這種情況下的選擇。