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

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(死链接)