Usuwanie odziedziczonej właściwości elementu (box-sizing)

Question

Używam wtyczki light light jQuery na stronie bootstrap. Ma box-sizing: border-box zestaw za pomocą uniwersalnego selektora.

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

Dzielnica świateł nie wydaje się odpowiednia z tego powodu (czasami pojawia się pionowy pasek przewijania). Po usunięciu tego przez inspektora sieci wydaje się, że jest OK. Czy jest jakiś sposób, aby usunąć właściwość rozmiaru pudełka z tego konkretnego elementu. box-sizing:'' lub box-sizing:none nie działa.

Answer 1

Domyślna właściwość box-sizing^{msdn, mdn} CSS jest box-sizing: content-box;. Czy próbowałeś użyć go do nadpisania odziedziczonego stylu?

Answer 2

Zastąp tak:

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

Answer 3

miałem podobny problem z bootstrap i zrobiłem nadpisać właściwości CSS box-kalibrowanie <a> jak ta,

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

dostosować go do potrzeb użytkownika.

Answer 4

można użyć

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

classname będzie klasa elementu chcesz wykluczyć z selektora uniwersalnego.