[CSS]checkboxとテキストの位置がずれるのを直す

Read More

HTMLを普通に組んでいるとチェックボックスとかラジオボタンがテキストとずれる。

だからinput要素のチェックボックスとテキストとのずれをCSSで調整する。


■CSSでチェックボックスのズレを調整する
input[type="checkbox"], 
input[type="radio"] {
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  cursor: pointer;
}


画像はFirefoxのもの。


以下のブラウザで動作確認済み。
IE7、IE8、IE9、IE11、Firefox38.3、Chrome47、Safari5.1.7



まあちょっとした違いといえばそうなんだろうけど気になるもんは気になる。





Category "HTML・JS・CSS" の最新記事