2

Twitter Bootstrap 定义了一个盒子阴影。我想定义一个插入框阴影，但保留来自 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

不幸的是，您不能继承 box-shadow 并仅更改 inset 值，但您可以继承它，然后添加自定义 inset 版本。

这是一个说明可以使用的继承的示例：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 回答