HTML入力と異なる高さを選択し

：HTML入力と異なる高さを選択し

input,select{height: 20px;}

をしかし、ブラウザで、それは高さがinput : 20pxとselect 18pxですが、私は入力前に選択しているためにresetedた理由を知りません。もし私が<!DOCTYPE html>を取り除いたら、大丈夫ですが、IEはページをセンタリングしていません。

出典

2012-12-01 Wizard

レビュー：http://stackoverflow.com/questions/10001291/aligning-text-and-select-boxes-to-the-same-width-in-css – alditis

http://stackoverflow.com/questions/9767612/issue-with-input-select-tag-height-in-form – Vucko

@Vuckoありがとう、おそらくあなたはデフォルトの境界線の色を知っていますか？？ – Wizard

これはborder-boxにあなたの要素のbox-sizingプロパティを設定することにより補正することができます：moz-かwebkit-のような特定の接頭辞が適用される場合があります

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

ベンダー。

出典

2012-12-01 17:26:30

男、私はこれを10分間探してきました。私の一日の最悪の10分！ – Bitterblue

私はの高さを私がIE8と9で望むものに正確に設定することができました。そのトリックは、プロパティをcontent-boxに設定することです。これにより、SELECTのコンテンツ領域が高さに設定されますが、,borderおよびpaddingの値はSELECTの幅と高さでは計算されませんので、それに応じて値を調整してください。

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-02 15:43:00 Joshua

HTML入力と異なる高さを選択し

答えて

関連する問題