css - 移除元素的继承属性（box-sizing）

Question

我在引导站点上使用 jQuery 灯箱插件。它已box-sizing: border-box通过通用选择器设置。

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

因此，灯箱 div 不会正确显示（有时会出现垂直滚动条）。一旦我们通过网络检查器删除它，它看起来就可以了。有没有办法删除这个特定元素的 box-sizing 属性。 box-sizing:''或box-sizing:none似乎不起作用。

Answer 1

box-sizing^msdn、 mdn ^CSS属性默认为box-sizing: content-box;. 您是否尝试过使用它来覆盖继承的样式？

Answer 2

您可以使用

*:not(.classname){
  box-sizing : border-box;
}

classname将是您要从通用选择器中排除的元素类。

Answer 3

我在 bootstrap 上遇到了类似的问题，我确实<a>像这样覆盖了 box-sizing CSS 属性，

a *,
a *:before,
a *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

根据您的需要定制它。

Answer 4

像这样覆盖：

* {
box-sizing: border-box!important;
}