我有一个 Angular2 应用程序，使用 Angular-CLI 构建，其中包含多个组件。每个组件都有一个引用的样式表 (scss)。
这些样式表中的独特样式已正确应用于组件模板。
我不能做的是覆盖来自外部 CSS 的样式，这些样式包含在这些组件样式表的 Angular-CLI 中。
一旦我将样式移动到中心 styles.scss ，它就可以工作了。
我的 angular-cli.json 看起来像这样：
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css",
"../node_modules/bootstrap-timepicker/css/bootstrap-timepicker.css",
"styles.scss"
],
有什么想法可以覆盖 component.scss 中的 bootstrap-css 吗？
我还将这个问题作为可能的错误发布到 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
})
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
