Html iPhone和iPad上的下拉菜单

我的网站上有一个可用的下拉菜单，但它在iPhone和iPad上根本不起作用。 有没有一种可管理的方法来强制iPhone/iPad使用其本机菜单选择器

HTML:

颜色

我正在考虑CSS属性

-webkit外观

，但是没有任何值可以强制将外观设置为一个选择框（如果有，webkit怎么知道它应该将

li

视为

选项

？）

您必须使用

select

标记，而不是无序列表，以使iOS的Webkit自动将其外观更改为本机外观

您可以检测用户何时使用移动浏览器，并动态加载菜单

如果不想更改HTML标记，您可以找到并尝试使用CSS复制本机选择框

---

请参阅苹果的参考。

我想使用CSS属性

-webkit外观

，但是没有任何值可以将外观强制到选择框AFAIK（如果有，webkit怎么知道它应该将

li

视为

选项

？）

您必须使用

select

标记，而不是无序列表，以使iOS的Webkit自动将其外观更改为本机外观

您可以检测用户何时使用移动浏览器，并动态加载菜单

如果不想更改HTML标记，您可以找到并尝试使用CSS复制本机选择框

参考苹果的

<div class="dropdown"> <span class="dropdown-toggle" tabindex="0"></span>
    <div class="dropdown-text" id="dropdown_colours">Colours</div>
    <ul class="dropdown-content" id="dropdown_colours">
        <li><a href="../black.html" target="_self">Black</a>
        </li>
        <li><a href="../grey.html" target="_self">Grey</a>
        </li>
        <li><a href="../red.html" target="_self">Red</a>
        </li>
        <li><a href="../blue.html" target="_self">Blue</a>
        </li>
        <li><a href="../green.html" target="_self">Green</a>
        </li>
        <li><a href="../purple.html" target="_self">Purple</a>
        </li>
    </ul>
</div>