किसी तत्व की विरासत वाली संपत्ति को हटाने (बॉक्स आकार)

Question

मैं बूटस्ट्रैप साइट पर एक jQuery लाइट बॉक्स प्लगइन का उपयोग कर रहा हूं। इसमें box-sizing: border-box सार्वभौमिक चयनकर्ता के माध्यम से सेट है।

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

प्रकाश बॉक्स div इस कारण से दिखाई नहीं देता है (कभी-कभी एक लंबवत स्क्रॉलबार प्रकट होता है)। एक बार जब हम इसे वेब इंस्पेक्टर के माध्यम से हटा देते हैं तो यह ठीक प्रतीत होता है। इस विशेष तत्व की बॉक्स आकार देने वाली संपत्ति को हटाने का कोई तरीका है। box-sizing:'' या box-sizing:none काम पर दिखाई नहीं देता है।

Answer 1

box-sizing^{msdn, mdn} सीएसएस संपत्ति डिफ़ॉल्ट box-sizing: content-box; है। क्या आपने विरासत शैली को ओवरराइड करने के लिए इसका उपयोग करने का प्रयास किया है?

Answer 2

अवहेलना इस तरह:

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

Answer 3

मैं बूटस्ट्रैप के साथ एक समान समस्या थी और मैं <a> इस तरह के लिए बॉक्स आकार सीएसएस संपत्ति को ओवरराइड,

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

अपनी जरूरत के लिए यह अनुकूलित किया था।

Answer 4

आप

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

classname का उपयोग तत्व के वर्ग आप सार्वभौमिक चयनकर्ता से बाहर करना चाहते हो जाएगा कर सकते हैं।