css - reglas - Eliminar la propiedad heredada de un elemento(tamaño de caja)

reglas de cascada css

Question

Estoy usando un complemento de jQuery light box en un sitio de arranque. Tiene box-sizing: border-box conjunto de box-sizing: border-box través de selector universal.

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

La caja de luz div no aparece bien debido a esto (a veces aparece una barra de desplazamiento vertical). Una vez que eliminamos esto a través del inspector web aparece bien. ¿Hay alguna forma de eliminar la propiedad de tamaño de caja de este elemento en particular? box-sizing:'''' o box-sizing:none parece no funcionar.

Answer 1

Anular de esta manera:

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

Answer 2

El box-sizing ^{msdn , mdn} predeterminado de la propiedad CSS es box-sizing: content-box; . ¿Ha intentado usarlo para anular el estilo heredado?

Answer 3

Tuve un problema similar con bootstrap y anulé la propiedad CSS de tamaño de caja para <a> como esto,

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

Personalízalo para tu necesidad.

Answer 4

puedes usar

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

classname será la clase de elemento que desea excluir del selector universal.