inputとselectで高さの違いを直す方法



<input type="text" />

<select>

<option value="test">test</option>

</select>

このように単純に記述して表示してみると若干inputの方が高さが少ない。

これを回避する方法だが、いたって簡単。

CSSを以下のようにする。



input { margin:0; padding:1px;}

select { margin:0; padding:0;}

inputにpadding:1px;をつけることで、高さをあわせることができる。

がたがたしてるとなんか嫌ですよね。

Trackback(0)

Trackback URL:

This is a Flickr badge showing public photos and videos from ryuichi@d-remix. Make your own badge here.

このページは、龍一が2007年12月29日 23:45に書いたブログ記事です。