CSS框大小调整继承跨浏览器

CSS框大小调整继承跨浏览器,css,Css,当我在我的一个项目中工作时,我发现CSS框大小属性在Firefox中不会自动继承。然而,Chrome将为您完成这项工作。就我而言,这就像: firefox中的两个输入不继承框大小属性 我是否应该在将来手动将其添加到子节点?我错过了什么会议吗 谢谢 该属性不是继承的(默认情况下),正如您从链接中看到的那样-事实上,text元素的框大小计算值为content box(不指定类型属性将默认为text),与大多数元素一样-例外情况是按钮和某些被替换的元素,如,,等。所有这些元素都有一个计算的框大小值

当我在我的一个项目中工作时,我发现CSS框大小属性在Firefox中不会自动继承。然而,Chrome将为您完成这项工作。就我而言,这就像:


firefox中的两个输入不继承框大小属性

我是否应该在将来手动将其添加到子节点?我错过了什么会议吗

谢谢

该属性不是继承的(默认情况下),正如您从链接中看到的那样-事实上,text
元素的
框大小计算值为
content box
(不指定类型属性将默认为
text
),与大多数元素一样-例外情况是按钮和某些被替换的元素,如
等。所有这些元素都有一个计算的
框大小值
边框框

我不太清楚是什么让你认为Chrome继承了其父代的
框大小
值。如果您查看计算样式,它会清楚地显示
框大小:内容框

您可以随时尝试

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

我通常在CSS中添加它-通常在重置后立即添加

看看这个

缺少框大小:边框框-

*{框大小:边框框

-moz框大小:边框框;-webkit框大小:边框框;} IE不需要特定于供应商的CSS-ms框大小:边框框;是 不需要


不太清楚你的意思,但表单元素取决于浏览器和操作系统,有些东西你不能重新设计,安全原因很明显,程序(浏览器)的defaut布局是构建的,它解释了从一个浏览器到另一个浏览器输入的不同填充。太棒了。我也会参考。谢谢大家。我被元素的外观弄糊涂了。并非所有情况下都继承这些属性。我的错。