当呈现如下所示的选择下拉列表时，iPhone 将其呈现为空白。我怎样才能解决这个问题？
<select size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
上面的例子来自http://www.w3schools.com/tags/att_select_size.asp http://www.w3schools.com/tags/att_select_size.asp。他们的样本是http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_size http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_size
在 Firefox（以及所有其他浏览器）中，它呈现为：
然而，在 iPhone 上，它会呈现为空白。这对于可用性非常不利，因为访问者不知道盒子里有什么（在我们的应用程序中，这是为了从多种可能性中选择他们的地址）。
我创建了一个 JSFiddle：http://jsfiddle.net/bqMEv/3/ http://jsfiddle.net/bqMEv/3/iPhone渲染图如下；请注意，当同时满足以下条件时，不会显示任何内容：
- 大小大于 1
- 并且高度在 CSS 中指定
- 并且没有选择任何选项
删除CSS高度表明iPhone忽略了尺寸属性。
根据堆栈溢出其他主题的内容，似乎没有标准方法可以做到这一点：
- Safari Mobile 多行 又名 GWT 多行列表框 https://stackoverflow.com/questions/5376507/safari-mobile-multi-line-select-aka-gwt-multi-line-listbox
- jquery 插件可将 转换为 Safari 移动版 (iOS) 上的可用列表 https://stackoverflow.com/questions/11525046/jquery-plugin-to-convert-a-select-size-10-to-a-usable-list-on-safari-mobile
但是第二个主题的作者编写了一个模拟该行为的插件：https://github.com/redhotsly/safarimobile-multiline-select https://github.com/redhotsly/safarimobile-multiline-select
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
