0

I am using Jquery Mobile 1.2.0 Alpha for my web app. I am using JQM select drop-down menu for populating timezone option list. For small option text JQM adjusting the select menu header as well as other fields width according to the device screen size. But for large option text, select menu header becomes too wide and it going beyond the screen size and it spoiling other fields width also.

I tried setting min-width and max-width to select menu header, but it not working. I added screen shot here for reference.

<select id="TimeZoneId" name="TimeZoneId" data-mini="true">

JQM select menu

4

2 に答える 2

2

パーティーに遅れましたが、これでワードラッピングも修正されます。(jQuery モバイル バージョン 1.4.3)

CSS:

.ui-select .ui-btn>span:not(.ui-li-count) {
    white-space: normal !important;
}
于 2014-07-30T16:04:07.710 に答える
1

target 要素を使用して、これを CSS ファイルに追加します。

#TimeZoneId {
     white-space:normal !important
}

これにより、テキストが折り返されるはずです

于 2012-08-25T19:50:09.907 に答える