CSS盒子大小繼承跨瀏覽器

當我在我的一個項目工作，我發現CSS盒子大小屬性不會自動在Firefox中繼承。然而，Chrome會爲您完成這項工作。對我來說，這就像：CSS盒子大小繼承跨瀏覽器

<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>

箱上漿性能不受Firefox中的兩個輸入繼承。

我應該將其添加到子節點手動在未來？我錯過了什麼會議？

謝謝！

來源

2013-06-03 Ryan.C

不太清楚你的意思，但表單元素依賴於瀏覽器和操作系統，並有東西，你不能restyle，安全原因至極明顯，並與至極的程序defaut佈局（瀏覽器）構建，它解釋了從瀏覽器到另一個瀏覽器的輸入內的不同填充。 –

的box-sizing屬性不繼承（默認），你可以從鏈接看到 - 事實上，文本<input>元素有content-box（不指定type屬性將默認爲text），如一個計算box-sizing值最元素 - 例外的是按鈕和某些替換元素像<meter>，<textarea>，<progress>等方面都有着的border-box

一個計算box-sizing值我不太確定是什麼讓你覺得Chrome是inheri從其父節點獲取box-sizing值。如果你看看計算的樣式，它清楚地表示box-sizing: content-box;。

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

來源

2013-06-03 21:43:20 Adrift

也打我吧。我也將提到的[Mozilla開發者頁面（https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing?redirectlocale=en-US&redirectslug=CSS%2Fbox-sizing）。 – jmbertucci

謝謝你們。我被元素的外觀弄糊塗了。這些屬性在所有情況下都不會繼承。我的錯。 –

你總是可以嘗試

form, form * {box-sizing: border-box;}

來源

2013-06-03 21:44:41

我通常會添加一些在我的CSS - 復位後能正常權利。

看這個Box-sizing

你缺少盒大小：邊界盒; -

* {箱尺寸：邊界盒;

-moz-盒大小：邊界盒; -webkit-box-sizing：border-box; } IE不需要供應商特定的CSS -ms-box-sizing：border-box;是不需要

來源

2013-06-03 21:45:20

CSS盒子大小繼承跨瀏覽器

回答

相關問題