<select>尺寸屬性：iPhone呈現空白

當呈現如下所示的選擇下拉列表時，iPhone會將其呈現爲空白。我怎樣才能解決這個問題？<select>尺寸屬性：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/tryit.asp?filename=tryhtml_select_size

在Firefox（和所有其他瀏覽器），它呈現爲：

Firefox example rendered select dropdown

然而，在iPhone上，它呈現的空白。這對於可用性非常不利，因爲訪問者不知道框中的內容（在我們的應用程序中，它用於從多種可能性中選擇他們的地址）。

iPhone example rendering

我創建了一個的jsfiddle：http://jsfiddle.net/bqMEv/3/ iPhone的渲染如下;注意，有上什麼都沒有當兩個：

大小大於1
和高度在CSS
指定並沒有選擇選項

Rendering from JSFiddle

卸下CSS高度表示iPhone忽略大小屬性。

Removing CSS height

來源

2013-02-18 GlennG

而不是使用'大小= 「3」'，請嘗試使用CSS規則'選擇{寬度：10px的; }' – 2013-02-18 13:16:38

你沒有任何選項，比如「

使用上面的示例代碼，沒有預先選擇的汽車類型。爲此，需要添加「 - 選擇車型 - 」或類似於HTML。在我的應用程序中，您從地址列表中選擇您的家庭地址;我不知道選擇哪一個。 – GlennG 2013-02-18 14:42:18

貌似有做它沒有標準的方式，基於堆棧溢出的其他主題內容：

但第二個議題的作家寫了一模擬該行爲的插件：https://github.com/redhotsly/safarimobile-multiline-select

來源

2013-02-22 22:18:18

http://forums.macrumors.com/showthread.php?t=324849 – GlennG 2013-02-23 17:31:00

似乎iOS不支持大小> 1或多選的普通HTML

<select>尺寸屬性​​：iPhone呈現空白

回答

<select>尺寸屬性：iPhone呈現空白