css - 異なるタイプのコントロールに同じサイズを与える方法

Question

各行に一連のコントロールがあります（ドロップダウンリスト、テキストボックス、ボタンなど）。同じ高さにしてほしい。唯一の問題は、ドロップダウンリストの 25px がテキストボックスの 25px と同じではないように見えるため、各要素の高さを手動で調整する必要があることです。たとえば、テキストボックスは常に大きくなります。それを行う普遍的な方法はありますか？

助けてくれてありがとう。

Answer 1

サイズを変更しようとしているすべての要素に次を適用できます。

.box-model {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    height:32px;
}

これにより、選択ボックスを含め、定義したルールに準拠するようになります。これは古いバージョンの IE では機能しません。IE6 と 7 は選択ボックスと入力フィールドのスタイル設定が苦手で、上記の CSS をサポートしていません。

Answer 2

input, textarea, select, select>option { width:150px; height:50px; line-height:50px;}