css - 移除一个元素的继承属性(box-sizing)

Question

我在 Bootstrap 站点上使用 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;。您是否尝试过使用它来覆盖继承的样式？