3

私のAndroidブラウザで、いくつかのドロップダウンメニューを選択すると、標準のAndroidポップアップが表示され、他のサイトでは選択メニューにカスタムCSSが設定されているようです。

一例はhttp://carwoo.com/です。

モバイル版のサイトにアクセスすると、モバイルブラウザで期待するデフォルトのドロップダウンが表示されます。携帯電話でデスクトップバージョンのサイトをリクエストすると、ナビゲートするのがはるかに難しいカスタムドロップダウンが表示されます。

私の質問は、selectタグのどのプロパティがこれに関与しているのかということです。スタイルシートを編集しているときに、モバイルデバイスでデフォルトの選択メニューを確実に取得するにはどうすればよいですか？

4

1 に答える 1

1

そのサイトのカスタムドロップダウンは選択タグではありませんが、いくつかありますul。

<li id="makes_drop_down" class="droppable">
  <div id="make_name" class="selection">Select Make</div>
  <div class="arrow">▼&lt;/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に作成する場合は、デバイスのブラウザの標準ドロップダウンを使用する必要があります。

于 2012-10-29T02:48:54.717 に答える