0

jqueryモバイルアプリにテキストメニューとドロップダウンメニューがあります。しかし問題は、テキスト メニューの高さが選択メニューの高さよりも小さいことです。

そのため、UI の見栄えが悪くなります。

コード：

<div data-role="header" data-position="fixed">
    <h1>heading</h1>
</div>
<div data-role="content">
    <div class="ui-grid-a" style="margin-bottom:10px;">
        <div class="ui-block-a" style="width:35%;">
            <input type="date"/>
        </div>
        <div class="ui-block-b" style="width:65%;">
            <select name="select-native-1" id="doctorClinics" data-theme="c" style="padding:0;margin-bottom:0">
                <option value='1' selected='selected'>Option 1</option>
                <option value='1' selected='selected'>Option 2</option>
            </select>
        </div>
    </div>

スクリーンショット: スクリーンショット

JSフィドルはこちら

どうすれば達成できますか？

ありがとうございました。

4

1 に答える 1

3

追加してみる

  data-mini="true"

セレクトボックスへ。選択ボックスの縮小版が表示されます。また、css も変更する必要がある両方の入力タイプの高さを正確に一致させることはできません。

このjsfiddleを試してください。http://jsfiddle.net/Bp2eX/2/

また、カスタム jquery モバイル プラグインを使用しようとしていました。日付フィールドの代わりに使用してください。試してみてください。

于 2014-05-02T07:02:12.823 に答える