AUの携帯端末でselect 内が改行される
以下のようなHTMLをAUの端末(W41H)で書いたときの話です。
DocomoやSoftBankでは起こりませんでした。
<div style="font-size:12px"> <select name="y"> <option>2008</option> <option>2009</option> <option>2010</option> </select> </div>
フォントのサイズ(12px)が小さいために
select の中の幅もそれに合わせて小さくなります。
20 08 -- 20 09 -- 20 10
こんな風に折れてしまいます。
selectの style属性 に width 指定や、font-size 指定をしましたが解消されず。
最終的には、以下のように、span で select をくくってそこだけフォントサイズを変えて対応しました。
<div style="font-size:12px"> <span style="font-size:20px;"> <select name="y"> <option>2008</option> <option>2009</option> <option>2010</option> </select> </span> </div>
他にもよいやり方がありましたら、教えてください。