Firefoxとchromeでセレクトボックスに日本語を入力すると高さがずれる

セレクトボックスを2つ並べたもので、[→]などで[←]入力を行うUIがあります。
これを行っていて日本語を利用している場合、どちらかの要素が空になった場合に同じサイズを指定しても高さがずれてしまうことがあります。

この場合、高さを指定することで同じ高さになります。 特定のfont-familyを指定することでも同じ高さになることがありますが、ブラウザによって同じ高さになるフォントが違うためあまりおすすめはしません。

セレクトボックスに高さを指定する場合は下記のように入力します。

select[multiple="multiple"] {
  height: 8em;
}

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様