为具有多列的选择和选项元素设置样式答案

【问题标题】：Style a select and options elements with multiple columns为具有多列的选择和选项元素设置样式
【发布时间】：2011-04-07 00:16:34
【问题描述】：

我使用谷歌翻译选择作为参考。

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

http://translate.google.com/

我该怎么做？

【问题讨论】：

标签： css select drop-down-menu options

【解决方案1】：

这不是真正的 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>

【讨论】：

@Guinivincius：你在哪里看到的代码？我上面的编辑是直接从他们的网站复制的。
通过 chrome 元素检查器，我看到的和你一样。所以，我会尝试 div 的东西。谢谢