CSS каробкавай праклейвання INHERIT крос-браўзэры

Калі я працую на адным з маіх праектаў, я выявіў, што CSS коробчатой ​​праклейвання ўласцівасць аўтаматычна ня спадкуе ў Firefox. Chrome, аднак, будзе рабіць працу за вас. У маім выпадку, гэта як:

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

Ўласцівасць каробкавай праклейвання ня успадкоўваецца двух уваходаў у светлячок.

Я павінен дадаць яго даччыныя вузлы ўручную ў будучыні? Ці з'яўляецца якая-небудзь канвенцыя я прапусціў?

Дзякуй!

2
сумняваюся, што вы маеце на ўвазе, але элементы формы залежаць ад браўзэраў і АС, і ёсць рэчы, якія вы не можаце рэстайлінг, прычына бяспекі якім відавочна, і макет паспяхова з якім праграма (браўзэр,) будзе будаваць, яна тлумачыць розную абіўка ўнутры ўваходы з браўзэра да іншага, напрыклад.
дададзена аўтар G-Cyr, крыніца
сумняваюся, што вы маеце на ўвазе, але элементы формы залежаць ад браўзэраў і АС, і ёсць рэчы, якія вы не можаце рэстайлінг, прычына бяспекі якім відавочна, і макет паспяхова з якім праграма (браўзэр,) будзе будаваць, яна тлумачыць розную абіўка ўнутры ўваходы з браўзэра да іншага, напрыклад.
дададзена аўтар G-Cyr, крыніца

9 адказы

The box-sizing property is not inherited (by default) as you can see from the link - in fact text <input> elements have a computed box-sizing value of content-box (not specifying a type attribute will default to text), like most elements - the exception is buttons and certain replaced elements like ,

Я не ўпэўнены, што прымушае вас думаць, Хром успадкоўваючы коробчатой ​​праклейвання значэнне ад свайго продка. Калі вы паглядзіце на вылічаных стылях ясна кажа коробчатый праклейвання: змест скрыню; .

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

1
дададзена
Збілі мяне таксама. Я таксама спасылаецца на Mozilla Developer старонку .
дададзена аўтар jmbertucci, крыніца
Дзякуй, хлопцы. Я быў зьбянтэжаны з'яўленнем элементаў. Гэтыя ўласцівасці не ўспадкуюць ва ўсіх выпадках. Маё дрэннае.
дададзена аўтар Ryan.C, крыніца

The box-sizing property is not inherited (by default) as you can see from the link - in fact text <input> elements have a computed box-sizing value of content-box (not specifying a type attribute will default to text), like most elements - the exception is buttons and certain replaced elements like ,

Я не ўпэўнены, што прымушае вас думаць, Хром успадкоўваючы коробчатой ​​праклейвання значэнне ад свайго продка. Калі вы паглядзіце на вылічаных стылях ясна кажа коробчатый праклейвання: змест скрыню; .

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

1
дададзена
Збілі мяне таксама. Я таксама спасылаецца на Mozilla Developer старонку .
дададзена аўтар jmbertucci, крыніца
Дзякуй, хлопцы. Я быў зьбянтэжаны з'яўленнем элементаў. Гэтыя ўласцівасці не ўспадкуюць ва ўсіх выпадках. Маё дрэннае.
дададзена аўтар Ryan.C, крыніца

The box-sizing property is not inherited (by default) as you can see from the link - in fact text <input> elements have a computed box-sizing value of content-box (not specifying a type attribute will default to text), like most elements - the exception is buttons and certain replaced elements like ,

Я не ўпэўнены, што прымушае вас думаць, Хром успадкоўваючы коробчатой ​​праклейвання значэнне ад свайго продка. Калі вы паглядзіце на вылічаных стылях ясна кажа коробчатый праклейвання: змест скрыню; .

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

1
дададзена
Збілі мяне таксама. Я таксама спасылаецца на Mozilla Developer старонку .
дададзена аўтар jmbertucci, крыніца
Дзякуй, хлопцы. Я быў зьбянтэжаны з'яўленнем элементаў. Гэтыя ўласцівасці не ўспадкуюць ва ўсіх выпадках. Маё дрэннае.
дададзена аўтар Ryan.C, крыніца

Вы заўсёды можаце паспрабаваць

form, form * {box-sizing: border-box;}
0
дададзена

Вы заўсёды можаце паспрабаваць

form, form * {box-sizing: border-box;}
0
дададзена

Вы заўсёды можаце паспрабаваць

form, form * {box-sizing: border-box;}
0
дададзена

Я звычайна дадаць яго ў маім CSS - як правіла, адразу пасля скіду.

Look at this Box-sizing

У вас не хапае коробчатых памераў: межаў скрынкі; -

     <�Р> * {каробкавай праклейвання: мяжа скрыні;      <�Р> -moz-каробкавай праклейвання: памежны скрыню; -webkit-каробкавай памераў: межы скрынкі; }   IE не патрабуе наяўнасці спецыяльных CSS -ms-box-праклейвання: памежны скрыню; з'яўляецца   не патрабуецца
0
дададзена

Я звычайна дадаць яго ў маім CSS - як правіла, адразу пасля скіду.

Look at this Box-sizing

У вас не хапае коробчатых памераў: межаў скрынкі; -

     <�Р> * {каробкавай праклейвання: мяжа скрыні;      <�Р> -moz-каробкавай праклейвання: памежны скрыню; -webkit-каробкавай памераў: межы скрынкі; }   IE не патрабуе наяўнасці спецыяльных CSS -ms-box-праклейвання: памежны скрыню; з'яўляецца   не патрабуецца
0
дададзена

Я звычайна дадаць яго ў маім CSS - як правіла, адразу пасля скіду.

Look at this Box-sizing

У вас не хапае коробчатых памераў: межаў скрынкі; -

     <�Р> * {каробкавай праклейвання: мяжа скрыні;      <�Р> -moz-каробкавай праклейвання: памежны скрыню; -webkit-каробкавай памераў: межы скрынкі; }   IE не патрабуе наяўнасці спецыяльных CSS -ms-box-праклейвання: памежны скрыню; з'яўляецца   не патрабуецца
0
дададзена