1

私のサイトでは機能するドロップダウン メニューがありますが、iPhone と iPad ではまったく機能しません。iPhone/iPad にネイティブのメニュー セレクターを強制的に使用させる管理しやすい方法はありますか?

http://jsfiddle.net/craigzilla/6nZ5Q/

HTML:

<div class="dropdown"> <span class="dropdown-toggle" tabindex="0"></span>
    <div class="dropdown-text" id="dropdown_colours">Colours</div>
    <ul class="dropdown-content" id="dropdown_colours">
        <li><a href="../black.html" target="_self">Black</a>
        </li>
        <li><a href="../grey.html" target="_self">Grey</a>
        </li>
        <li><a href="../red.html" target="_self">Red</a>
        </li>
        <li><a href="../blue.html" target="_self">Blue</a>
        </li>
        <li><a href="../green.html" target="_self">Green</a>
        </li>
        <li><a href="../purple.html" target="_self">Purple</a>
        </li>
    </ul>
</div>
4

1 に答える 1

1

私はCSSプロパティを考えていました-webkit-appearanceが、AFAIKの選択ボックスに外観を強制できる値はありません(もしあれば、webkitはどうやってそれを扱うべきかを知ることができliますoptionか?)

selectiOS の Webkit の外観をネイティブのものに自動的に変更するには、順序付けられていないリストの代わりにタグを使用する必要があります。

ユーザーがモバイル ブラウザーを使用していることを検出し、メニューを動的に読み込むことができます。

HTML マークアップを変更したくない場合は、ネイティブの選択ボックスを CSS で再現することもできます...

参照については、Apple のドキュメントを参照してください。

于 2013-07-09T07:58:50.867 に答える