2

Twitter Bootstrapは、ボックスシャドウを定義します。はめ込みボックスシャドウを定義したいのですが、ブートストラップからボックスシャドウを保持します。

このようなもの：

bootstrap.css

box-shadow: outer shadow

それから私自身のCSSファイルで

login.css

box-shadow: inset 0px 3px 0 0 ...

login.cssファイルでBootstrapシャドウを再定義せずに、両方を要素に適用できる方法はありますか？

4

2 に答える 2

1

ブートストラップボックスシャドウをオーバーライドする必要があります。ただし、インセットとアウトセットの両方をコンマで区切って適用できます。

box-shadow: inset 0px 3px 0 0 ..., 0px 3px 0 0 ...;
于 2012-09-24T03:59:22.677 に答える
0

残念ながら、ボックスシャドウを継承してインセット値だけを変更することはできませんが、それを継承して、後でカスタムインセットバージョンを追加することはできます。

使用できる継承を示す例を次に示します。http：//jsfiddle.net/dwU2P/2/

例：

.parentBox{
    box-shadow:0 0 1em 1em #222;
}
.childBox{
    box-shadow:inherit,
    /* custom inset box-shadow */
}
于 2012-09-24T05:52:16.947 に答える