IOS Safari <select>元素

wma*_*but 1 html css mobile-safari ios

我有一个层级下拉菜单,通过使用空格字符在视觉上区分层次结构

<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>
Run Code Online (Sandbox Code Playgroud)

这适用于除iPhone之外的所有浏览器,其中忽略空格并且所有项目都显示在同一级别.

我正在使用被动设计(移动和桌面的相同DOM),并且已经决定仅仅为主题选择集成jQuery Mobile不是一个好选择.

是否有任何简单的工作或小插件可以帮助我实现这个IOS浏览器?

<optgroup>元素不适合b/c可以选择一些父选项.<optgroup>我不能尽可能地选择父类别

此功能要求的核心是,所有特定网站的导航必须在一个下拉列表中,就像触摸友好的元素一样.

小智 11

您可以尝试使用零宽度连接器/零宽度非连接器实体启动层次结构分隔符:&zwj;&zwnj;