css - 可以让 Zurb Foundation 4 选择下拉菜单在移动浏览器上工作吗？

Question

我无法在任何移动浏览器的 Foundation 4 选择下拉菜单中滚动选项。这使得 Foundation 的选择下拉菜单毫无用处。有没有办法让它工作？

Answer 1

这里同样的问题。解决这个问题的唯一方法（afaik）不是像亚马逊那样使用自定义表单并构建自己的下拉列表：

<span id="nav-search-in" class="nav-sprite nav-facade-active" style="width: auto;">
   <span id="nav-search-in-content" style="width: auto; overflow: visible;">All</span>
   <span class="nav-down-arrow nav-sprite"></span>
   <select id="searchDropdownBox" class="searchSelect" style="top: 0px;">
        <option value="search-alias=aps" selected="selected">All Departments</option>
        <option value="search-alias=watches">Watches</option>
    </select>
 </span>

将选择的不透明度设置为 0（查看其网页上的其他样式）并通过单击向下箭头跨度触发下拉菜单。