<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です。しかし、iPhone上で、それは空白のレンダリングだ

Firefox example rendered select dropdown

：彼らのサンプルは、Firefox（および他のすべてのブラウザ）でhttp://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_size

あり、それはとしてレンダリングされます。訪問者が何がボックスに入っているのかわからないので、これは使い勝手が悪い（アプリケーションでは、いくつかの可能性からアドレスを選択するためです）。

iPhone example rendering

私はJSFiddleを作成しました：次のようにhttp://jsfiddle.net/bqMEv/3/ iPhoneのレンダリングがあります。

サイズ1
よりも大きく、高さがCSS
に指定されており、何のオプションがCSSを削除

Rendering from JSFiddle

が選択されていない：その両方をするとき示され何もないことに注意してheightはiPhoneがsize属性を無視することを示します。

Removing CSS height

出典

2013-02-18 GlennG

の代わりに、 'サイズ= "3" を'使用するには、CSSルール '{幅を選択し使用してみてください：10pxのを。 } ' –

上記の例のコードを使用すると、PREで選択された車種はありません。これを行うには、HTMLに " - Select car type - "または同様のものを追加する必要があります。私のアプリケーションでは、アドレスのリストから自宅のアドレスを選択しています。私はどちらを選ぶか分からない。 – GlennG

それを行うための標準的な方法は、スタックオーバーフローの他のトピックの内容に基づいて、存在しないようになっています

しかし、第二のトピックの著者Aを書きましたその動作をエミュレートするプラグイン：https://github.com/redhotsly/safarimobile-multiline-select

出典

2013-02-22 22:18:18

http://forums.macrumors.com/showthread.php?t=324849 – GlennG

iOSはサイズが1以上の複数の選択肢の通常のHTML

<select>（サイズ属性あり）：iPhoneレンダリング空白

答えて