Eliminación de la propiedad heredada de un elemento (tamaño de caja)

Question

Estoy usando un complemento de cuadro de luz jQuery en un sitio de arranque. Tiene box-sizing: border-box establecido a través del selector universal.

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

La caja de luz div no aparece correctamente 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 que no funciona.

Answer 1

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

Answer 2

anulación de esta manera:

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

Answer 3

He tenido un problema similar con arranque y lo hice reemplazar la propiedad CSS cuadro de dimensionamiento para <a> como este,

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

personalizarlo para sus necesidades.

Answer 4

puede utilizar

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

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