Удаление унаследованного свойства элемента (размер окна)

Я использую плагин jQuery light box на сайте начальной загрузки. Он имеет 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 не работает.

Ответ 1

Значение свойства box-sizing ^{msdn, mdn} CSS box-sizing: content-box;. Вы пытались использовать его для переопределения унаследованного стиля?

Ответ 2

вы можете использовать

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

classname будет классом элемента, который вы хотите исключить из универсального селектора.

Ответ 3

У меня была аналогичная проблема с bootstrap, и я переопределил CSS-свойство CSS для <a>, как это,

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

Настройте его для своих нужд.

Ответ 4

Заменить вот так:

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