メニュー

WEBMEMOする。とあるクリエイターの個人的な備忘録。

iphoneなどのスマホでセレクトボックスを使用すると、デフォルトの表示では文字サイズが大きすぎてプルダウンの中身が全部見えないことが多々あります。

そんな時にフォントサイズを下げても反映されずに困ったことがあります。

そんなときはoptgroupタグで解決。

<select>
    <option>テキストテキストテキスト</option>
    <option>テキストテキストテキスト</option>
    <optgroup label=""></optgroup>
</select>

参考サイト

これをするとPC表示ではセレクトボックス下部に空白ができるので、気になるならスマホとPCで出し分けしましょう。

目次
    - Thank you for reading this to the end. -

    コメントする

    CAPTCHA


    TOPへ Top