HTMLのSELECTのsize指定しても1行で表示される問題

HTMLで、SELECTに、size="20"指定をしたのですが、
WindowsのchomeやIEでは、20行で指定行表示されます。

しかし、iPad、Android Pad、iPhone、Androidでは、
指定を無視し、1行で表示されます。

sizeで指定した行数を表示するには、コツ？があり、どのように記述すればよいのでしょうか？

ググってみましたが、10件程のSELECTの使い方の説明サイトには、
１行で表示されるとは、記述が見当たりません。

※iOSやAndroidが出る前に作成された古いサイトなのか？、
それとも、普通は、iOSでも、Androidでも、20行で表示されるはずで、
下記のsizeの指定方法が間違っているか？
のどちらかかもしれません。

　

<FORM name="form_list_color" method="post" action="next.html">
  <TABLE>
   <CAPTION>２．車の色のリストボックス</CAPTION>
    <TR>
      <TD>
        <!-- sizeは、なぜか？パソコンでしか有効ではない。Padやスマフォは1行になる -->
        <SELECT name="list_color" size="20">
          <OPTION align="left" value="red">   赤色</OPTION>
          <OPTION align="left" value="yellow">黄色</OPTION>
          <OPTION align="left" value="black"> 黒色</OPTION>
       </SELECT>
      </TD>
    </TR>
  </TABLE>

  <INPUT type="submit" name="submit_list_color" value="次画面へ遷移" />
</FORM>