如何根据所选选项控制jquery移动选择菜单标题的宽度

Question

我正在使用Jquery Mobile 1.2.0 Alpha作为我的网络应用程序。我正在使用JQM选择下拉菜单来填充时区选项列表。对于小选项文本JQM根据设备屏幕大小调整选择菜单标题以及其他字段宽度。但对于大型选项文本，选择菜单标题会变得太宽，超出屏幕大小，也会破坏其他字段宽度。

我尝试设置min-width和max-width来选择菜单标题，但它不起作用。我在这里添加了屏幕截图供参考。

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

Answer 1

晚会，但这也将修复自动换行。 （jQuery Mobile版本1.4.3）

<强> CSS：

.ui-select .ui-btn>span:not(.ui-li-count) {
    white-space: normal !important;
}

Answer 2

使用目标元素，并将其添加到CSS文件中：

#TimeZoneId {
     white-space:normal !important
}

这应该使文本换行