设置具有多列的select和options元素的样式

时间:2010-09-01 20:08:25

标签: css select drop-down-menu options

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

当您单击以选择多个列显示选项的语言时。

http://translate.google.com/

我该怎么做?

1 个答案:

答案 0 :(得分:1)

这不是一个真正的SELECT元素。将其视为点击DIV触发的popin。在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>