在 jquery mobile 选择框中显示全部内容 data-native-menu=“false”

【问题标题】：show full content in jquery mobile select box data-native-menu=“false”在 jquery mobile 选择框中显示全部内容 data-native-menu=“false”
【发布时间】：2015-05-20 23:37:05
【问题描述】：

如何在 jquery mobile 中显示全部内容？我用Select框：

<select data-native-menu="false">

<option>Monday</option>
<option>Sunday jnnj jnkn ikni nin iuniu niun uin iun in in io nono no no n oino  on i </option>
<option>Tuesday</option>

http://jsfiddle.net/8xusq/65/

【问题讨论】：

标签： android jquery-mobile jquery-mobile-popup

【解决方案1】：

首先给你的选择一个 ID：

<select data-native-menu="false" id="mySelect">...

对于 data-native-menu="false"，jQM 创建一个弹出窗口或一个对话框（取决于列表的长度和可用空间）来显示选项。创建的弹窗或对话框的ID是选择ID加“-listbox-popup”或加“dialog”。

因此您可以添加允许选项文本换行的 CSS：

#mySelect-listbox-popup ul li a.ui-link-inherit, #mySelect-dialog ul li a.ui-link-inherit {
    white-space: normal;
}

更新FIDDLE

【讨论】：

感谢您的回复，但在选择框中选择后它以相同的方式显示。
给你：jsfiddle.net/ezanker/8xusq/67 你只需要在选择按钮上使用相同的 CSS