2

プロジェクトの 1 つに取り組んでいるときに、CSS の box-sizing プロパティが Firefox で自動的に継承されないことがわかりました。ただし、Chrome がその作業を行います。私の場合、次のようになります。

<form style="box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;"> <input id="input1"></input> <input id="input2"></input> </form>

box-sizing プロパティは、Firefox の 2 つの入力によって継承されません。

将来、子ノードに手動で追加する必要がありますか? 私が見逃した大会はありますか？

ありがとう！

4

3 に答える 3

1

リンクからわかるように、プロパティは（デフォルトで）継承されません-実際、ほとんどの要素と同様に、テキスト要素box-sizingには計算された値があります（ type 属性を指定しないと、デフォルトで になります）<input>-box-sizing例外content-boxは、ボタンと次のような特定の置き換えられた要素です、などすべての計算値がありますtext<meter><textarea><progress>box-sizingborder-box

box-sizingChrome が親から値を継承していると思われる理由がよくわかりません。計算されたスタイルを見ると、はっきりとbox-sizing: content-box;.

http://jsfiddle.net/4ghd6/1/

于 2013-06-03T21:43:20.067 に答える
0

あなたはいつでも試すことができます

form, form * {box-sizing: border-box;}
于 2013-06-03T21:44:41.997 に答える
0

私は通常、CSSに追加します-通常はリセット直後です。

このボックスサイジングを見てください

box-sizing: border-box; がありません。-

*{ box-sizing: border-box;

-moz-box-sizing: ボーダーボックス; -webkit-box-sizing: ボーダーボックス; IE はベンダー固有の CSS を必要としません -ms-box-sizing: border-box; 必要ありません

于 2013-06-03T21:45:20.417 に答える