css - 为多列选择和选择元素设置样式

我正在使用Google翻译选择作为参考。

当您单击以选择语言时，选项将显示为多列。

http://translate.google.com/

我怎样才能做到这一点 ？

最佳答案

那不是真正的SELECT元素。可以将其视为通过单击DIV触发的弹出窗口。在Firebug中查看它，看看他们是如何做到的。

编辑以向OP显示，不，它实际上不是SELECT元素。这是页面上第一个“ SELECT”的标记。您是否在其中看到任何SELECT元素？我当然不会。

<div class="goog-inline-block goog-menu-button" title="Detect language" style="-webkit-user-select: none; " tabindex="0">
  <div class="goog-inline-block goog-menu-button-outer-box">
    <div class="goog-inline-block goog-menu-button-inner-box">
      <div class="goog-inline-block goog-menu-button-caption" style="overflow-x: hidden; overflow-y: hidden; ">
        Detect language
      </div>
      <div class="goog-inline-block goog-menu-button-dropdown">
        ▼
      </div>
    </div>
  </div>
</div>

关于css - 为多列选择和选择元素设置样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3621762/