Rimozione della proprietà ereditata di un elemento (ridimensionamento della casella)

Question

Sto utilizzando un plug-in light box jQuery su un sito di bootstrap. Ha box-sizing: border-box impostato tramite selettore universale.

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

Il div box light non appare corretto a causa di questo (a volte appare una barra di scorrimento verticale). Una volta rimosso da Internet Inspector, sembra ok. C'è un modo per rimuovere la proprietà di ridimensionamento della casella di questo particolare elemento. box-sizing:'' o box-sizing:none non sembra funzionare.

Answer 1

La proprietà predefinita box-sizing^{msdn, mdn} CSS è box-sizing: content-box;. Hai provato a usarlo per sovrascrivere lo stile ereditato?

Answer 2

Override in questo modo:

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

Answer 3

Ho avuto un problema simile con bootstrap e ho fatto sostituire la proprietà CSS box-sizing per <a> come questo,

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

personalizzarlo per il vostro bisogno.

Answer 4

è possibile utilizzare

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

classname sarà la classe di elemento che si desidera escludere dal selettore universale.