auの端末でselectboxの改行問題を回避

こんにちは。神崎です。

早速ですが
auの端末でselectboxの中身が改行されて意図しない表示になることがあります。

これを回避するには<option>内に<span style=”font-size:x-small”></span>を適用するとよいです。

<select name="pref">
<option value="1" selected="selected"><span style="font-size:x-small">北海道</span></option>
<option value="2"><span style="font-size:x-small">青森県</span></option>
</select>

村式では上記のことをよしなに適用してくれるsymfonyやCodeIgniterのプラグインを社内ライブラリとして開発し利用をしています。
機会があれば、プラグインも公開するかも？しれません。
ご参考になれば幸いです。それでは！