HTML选择标签：桌面端与移动端的区别

Question

我注意到在我的安卓浏览器上，有些下拉菜单选项会弹出标准的安卓弹窗，而其他网站则似乎为它们的选择菜单设置了自定义 CSS 样式。

一个例子是 http://carwoo.com/。

如果我访问该网站的移动版本，它会给我期望在移动浏览器上看到的默认下拉菜单。当我在手机上请求该网站的桌面版本时，我看到一个定制的下拉菜单，这使得导航变得更加困难。

我的问题是哪些 select 标签属性负责此功能？当我编辑样式表时，如何确保我将获得移动设备上的默认选择菜单？

- Jon Kump

---

那么，简单来说，您是在尝试在桌面视图上强制调用移动本地下拉选择菜单？ - Dan Kanze

Answer 1

该网站上的自定义下拉菜单不是一个选择标签，而是几个

元素：


<li id="makes_drop_down" class="droppable">
  <div id="make_name" class="selection">Select Make</div>
  <div class="arrow">▼</div>
  <div class="drop-down" style="display: block; ">
    <div class="spanner"></div>
    <ul class="drop-down-items">
      <li class="grouped-drop-down-items">
        <ul>
         <li class="drop-down-item"><a href="#" data-make-id="80000001">Acura</a></li>
         ...
        </ul>
      </li>
      <li class="grouped-drop-down-items">
        <ul>
          <li class="drop-down-item"><a href="#" data-make-id="80000015">GMC</a></li>
          ...
         </ul>
      </li>
      <li class="grouped-drop-down-items">
        <ul>
         <li class="drop-down-item"><a href="#" data-make-id="80000002">MINI</a>
         ...
        </ul>
      </li>
    </ul>
  </div>
</li>



任何常规的select都应该使用设备浏览器的标准下拉菜单。

- Tom Smilack