10

高さを設定しました：

input,select{height: 20px;}

しかし、ブラウザでは高さはinput : 20pxとですがselect 18px、入力と選択の前にリセットされたため、理由はわかりません。削除<!DOCTYPE html>しても問題ありませんが、IEはページを中央に配置しません。

4

2 に答える 2

12

box-sizingこれは、要素のプロパティを次のように設定することで修正できますborder-box。

input, select{
  box-sizing: border-box;
}

のようなベンダー固有のプレフィックスが適用されるmoz-場合webkit-があります。

于 2012-12-01T17:26:30.417 に答える
2

SELECT自分の高さをIE8と9で必要な高さに正確に設定することができました。秘訣は、box-sizingプロパティをに設定することcontent-boxです。そうすることで、のコンテンツ領域がSELECT高さに設定されますが、margin値はの幅/高さで計算されないことに注意してください。それに応じてこれらの値を調整してください。borderpaddingSELECT

select {
    display: block;
    padding: 6px 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height: 15px;
}

これが動作するjsFiddleです。適切な答えを確認してマークを付けていただけませんか。

于 2013-01-02T15:43:00.697 に答える