inputのズレを揃える

検索窓などブラウザ間やiphoneやandroidなどで見たときにずれているなどの現象がよく見られるとは思います。

そんなときの解決策としては
・buttonにoverflow:visible;のプロパティを指定する
・vertical-alignを指定
・positionをrelativeにして、高さの相対値を揃える

上記の指定をしてやることです、

select, input, textarea, button { 
     vertical-align:middle; 
     position:relative; 
}

input { 
     height: 15px; 
     line-height: 15px; 
}

button, input[type="button"] {
     overflow:visible; 
     height:20x;
     padding:0 3px;
}

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です