IT系技術ブログ

【CSS】セレクトボックス(selectタグ)の文字ずれの対処方法

セレクトボックスの縦位置がずれることがあるから今回はその対処方法

発生するパターン

・ブラウザ:Chrome

・タグ:select(セレクトボックス)

・select内のoptionタグにテキストが全角文字を含む場合

※言い換えるとテキストが全て半角文字の場合

他にも以下のサンプルがずれていたらパターンがあると思います

対処方法

以下のコードをCSSで設定します

select{vertical-align:middle !important;}

対処結果

これで縦位置が揃ったと思います

モバイルバージョンを終了