Стиль элементов выбора и параметров с несколькими столбцами

Question

Я использую гугл-переводчик выбирает в качестве ссылки.

Когда вы нажимаете, чтобы выбрать языки, параметры отображаются в нескольких столбцах.

http://translate.google.com/

Как я могу это сделать?

Answer 1

Это не настоящий элемент SELECT.Думайте об этом как о попине, вызванном нажатием на DIV.Посмотрите на это в Firebug, чтобы увидеть, как они это делают.

Отредактировано, чтобы показать ОП, что нет, на самом деле не элемент 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>