javascript - 下拉菜单不适用于 safari

Question

我有一个简单的下拉菜单，可以在 chrome/firefox 上正常工作，但在 safari 上不起作用 - 单击按钮时菜单不会出现:

<div>
    <a id='action-btn-1' href='#' data-toggle='dropdown' class='btn btn-default btn-xs edit' aria-haspopup='true' aria-expanded='false' role='button'>
        <span class="caret"></span>
    </a>
    <ul class='dropdown-menu text-left' role='menu' aria-labelledby='dLabel'>
        <li>aaa</li>
        <li>bbb</li>
    </ul>
</div>

这里可能有什么问题？

Answer 1

role='menu' ul 下的 Safari 不支持元素。

您需要使用 <select>元素。