Question

我有一个angular2应用程序构建，其中angular-cli包含几个组件。每个组件都有一个引用的stylsheed（scss）。

这些样式表中的独特样式已正确应用于组件模板。

我不能做的是从外部css中覆盖样式，这些样式包含在那些组件样式表的angular-cli中。

只要我将样式移动到中央样式.scss就可以了。

我的angular-cli.json看起来像这样：

{{1}}

任何想法如何覆盖component.scss中的bootstrap-css？

Answer 1

我还发布了这个问题，作为angular-cli项目的一个可能的错误，得到了我需要的提示：

模拟视图封装（默认）通过预处理（和重命名）CSS代码来模拟Shadow DOM的行为，从而有效地将CSS范围限定在组件的视图中。如果这些类被重命名为这种行为，它不能工作，我不能覆盖ie的样式。自举。

如果我现在将组件中的封装设置为none，它可以工作，我可以覆盖component.scss中的样式。

@Component({
    selector: 'app-generic-view',
    templateUrl: './generic-view.component.html',
    styleUrls: ['./generic-view.component.scss'],
    encapsulation: ViewEncapsulation.None
})

在angular2组件样式表中覆盖Bootstrap中的样式

1 个答案: