web-dev-qa-db-ja.com

要素の継承プロパティを削除する(ボックスサイズ変更)

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は機能していないようです。

30
Gokul Kav

box-sizingmsdnmdn CSSプロパティのデフォルトはbox-sizing: content-box;。継承されたスタイルをオーバーライドするためにそれを使用しようとしましたか?

50
VKen

使用できます

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

classnameは、ユニバーサルセレクタから除外する要素のクラスになります。

7
user5371360

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;
}

必要に応じてカスタマイズしてください。

4
Karthik P