タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

buttonとformに関するshibatasticのブックマーク (1)

  • inputのズレを揃えるCSSまとめ - Qiita

    ブラウザ間でインプットやチェックボックスの表示がズレるのを自分なりに修正したCSSのまとめメモ。 ちなみにIE6ではinput[type="text"]や、input[type="checkbox"]の標記が無効?のようだったので、もしやんごとなき事情でIE6に適用させるためにはチェックボックスやラジオに対して別途クラスを当てる必要。 ・buttonには overflow:visible;を入れる。 ・vertical-alignを指定する ・positionをrelativeにして、高さを相対的に揃える(topは各フォントサイズにより変更する) ・font-familyに日フォントを指定する こんな感じで書くと書くブラウザでズレが軽減されます。 body, form { margin:0; padding:0; border:0; outline:0; font-size:100%;

    inputのズレを揃えるCSSまとめ - Qiita
  • 1