要素の継承プロパティの削除（ボックスサイズ）

Question

私は、ブートストラップサイトでjQueryライトボックスプラグインを使用しています。ユニバーサルセレクターを介してbox-sizing: border-boxが設定されています。

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

ライトボックスdivはこのため正しく表示されません（垂直スクロールバーが表示されることがあります）。これをWebインスペクタで削除すると、OKと表示されます。この特定の要素のボックスサイズプロパティを削除する方法はありますか？ box-sizing:''またはbox-sizing:noneは動作していません。

Answer 1

box-sizing^msdn、mdn CSSプロパティのデフォルトはbox-sizing: content-box;です。 これを使用して継承されたスタイルを上書きしようとしましたか？このような

Answer 2

上書き：

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

Answer 3

私はブートストラップと同様の問題があったと私は、このよう<a>用の箱サイズのCSSプロパティをオーバーライド

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を使用することができます。