キーボードのF12キーを押して開発者ツールを起動すると、ページを再読込するまでCSSを一時的に変更することができます。
CSSの数値を変えるとどのように変化するのかを、お試しください。

スタイルを指定していないラジオボタンやチェックボックスの水平がずれたフォーム



セレクト

vertical-alignのキーワードを使ってラジオボタンやチェックボックスのずれを調整



セレクト

vertical-alignの数値を使ってラジオボタンやチェックボックスのずれを調整



セレクト

positionを使ってラジオボタンやチェックボックスのずれを調整



セレクト

acky.info

acky.info ロゴ

フォームを作ったときにinputのラジオボタンやチェックボックス、selectのセレクトと文字がずれているときがあります。
ラジオボタンなどと文字がずれたままでは少しガタついて見えるので、vertical-alignpositionを使って水平の中心が揃った美しいフォームを作りましょう。

広告