IOS的Safari <select>元素

例

<select> 
    <option value='1'>Top Level Item</option> 
    <option value='2'>&nbsp;&nbsp;&nbsp;Lower Level Item</option> 
    <option value='3'>&nbsp;&nbsp;&nbsp;Another Lower Level Item</option> 
    <option value='4'>Another Top Level Item</option> 
</select>

這非常適用於所有瀏覽器，除了其中的空格被忽略了iPhone在視覺上區分層次結構中的層級下拉菜單並且所有項目都顯示在同一級別。

我正在使用反應式設計（針對移動設備和桌面設備使用相同的DOM），並決定只爲主題選擇集成jQuery Mobile並不是一個好選擇。

是否有任何簡單的解決方法或小插件，可以幫助我完成IOS瀏覽器？

<optgroup>元素不適合b/c某些父項可以選擇。 <optgroup>不允許最佳選擇父類別，我可以告訴

的此功能要求的核心是，所有特定網站的導航必須是像元一個下拉菜單是觸摸友好的。

來源

2012-06-04 wmarbut

使用破折號而不是空格。 –

破折號將工作，但懷疑會符合我們的風格指引。謝謝 – wmarbut

您可以嘗試使用帶有零寬連接符/零寬度非木實體開始你的層次分頻器：&zwj;或&zwnj;

來源

2012-11-30 14:09:32

是的，‍我工作正常！ – ingaham

這應該是公認的答案，它達到了預期的結果。只需在您的之前添加'‍'即可。 – Ronny

唯一的選擇是對<SELECT>使用HTML/CSS替換。

請參見：jQuery select box replacement

來源

2012-06-04 19:40:46

你是對的，有沒有辦法做到這一點與香草'

IOS的​​Safari <select>元素

回答

IOS的Safari <select>元素