删除元素的继承属性(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

您可以使用

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

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

Answer 3

我在使用引导程序时遇到了类似的问题，并且确实重写了框大小CSS属性<a>，

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

根据您的需要进行定制。