html - Safari Mobile Multi-Line <Select> aka GWT Multi-Line ListBox

在此处开发必须在 iPad 上运行的网络应用程序(因此，Safari Mobile)。

我的这段代码在 iPad 以外的任何地方都能正常工作:

<select class="gwt-ListBox" size="12" multiple="multiple">
    <option value="Bleeding Eyelashes">Bleeding Eyelashes</option>
    <option value="Smelly Pupils">Smelly Pupils</option>
    <option value="Bushy Eyebrows">Bushy Eyebrows</option>
    <option value="Green Vessels">Green Vessels</option>
    <option value="Sucky Noses">Sucky Noses</option>
</select>

它应该看起来像一个盒子，里面有 12 行，其中 5 行已填满。它在 FF、IE、Chrome、Safari Win 中运行良好。但是，当我在 iPad 上打开它时，它只是一行!

用 CSS 设置样式是行不通的。如果我设置高度，它只会使单行变大。有没有办法让它的行为方式与在普通浏览器中的行为相同，或者我是否打算制作自定义组件？

谢谢。

最佳答案

没有办法做到这一点。您必须实现自己的组件。

来源:http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/SafariWebContent.pdf (死链接)

关于html - Safari Mobile Multi-Line <Select> aka GWT Multi-Line ListBox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23738106/