删除元素的继承属性（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;。 您是否尝试使用它来覆盖继承的样式？

Answer 2

你可以使用

classname

INSERT INTO.. SELECT .... FROM DUAL WHERE NOT EXISTS (SELECT * FROM...) 将是您要从通用选择器中排除的元素类。

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