Question

在此处使用必须在iPad上运行的webapp（因此，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设置样式不起作用。如果设置高度，它只会使单线更大。有没有办法使它的行为与普通浏览器相同，或者我是否需要创建自定义组件？

感谢。

Answer 1

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

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

Safari Mobile Multi-Line <select> aka GWT Multi-Line ListBox </select>

1 个答案: