0

我正在使用 jQuery mobile + phonegap 使用下拉菜单。但我的问题是它在 iOS 和 android 中看起来不同，这意味着它使用本机下拉菜单。

但我想我正在使用 jQuery mobile + phonegap 所以它应该在所有平台上看起来都一样，而不是使用原生的东西？有什么方法可以显示下拉菜单，使其在所有平台上看起来都一样。

我用这个

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

谢谢

4

1 回答 1

0

我所知道的具有标准外观下拉列表的唯一选择是不使用下拉列表。您需要创建一个看起来像下拉菜单的按钮，并且 onclick 将显示一个弹出 div，其中列出了选项。当用户选择一个选项时，弹出窗口将关闭并将按钮的值设置为所选项目。

一种 hacky 做事的方式，但就像我说的那样。这是我知道的唯一方法。

编辑*** 在 jsfiddle 中生成的时间比我预期的要长，但我在此过程中学到了一些关于它的内部按钮结构和span span.ui-btn-text编辑按钮文本时需要使用的东西。看一看。

于 2013-10-10T11:28:28.220 回答