bootstrapサイトでjQueryライトボックスプラグインを使用しています。box-sizing: border-box
ユニバーサルセレクタを介して設定します。
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
このため、ライトボックスdivは正しく表示されません(垂直スクロールバーが表示される場合があります)。これをWebインスペクターで削除すると、問題ないように見えます。この特定の要素のボックスサイズ設定プロパティを削除する方法はありますか。 box-sizing:''
またはbox-sizing:none
は機能していないようです。
使用できます
*:not(.classname){
box-sizing : border-box;
}
classname
は、ユニバーサルセレクタから除外する要素のクラスになります。
bootstrap=で同様の問題が発生し、このように<a>
のボックスサイズCSSプロパティをオーバーライドしました。
a *,
a *:before,
a *:after {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
必要に応じてカスタマイズしてください。