Angular 角度8角度元素（自定义web组件）样式

我的自定义角度元素有问题。 我想通过css文件覆盖我的整个组件样式。 我还在我的项目中使用引导，该引导导入到我的父组件中，如下所示：

styleUrls: ['./chat-parent-component.component.scss', '../../../styles/bootstrap.min.css'],
encapsulation: ViewEncapsulation.None

这似乎很好，但我现在有一个引导的问题。它也会传播到整个页面（不仅仅是我的小部件），我想这是因为封装设置为“无”。问题是，如果我删除这个视图封装，我将无法覆盖我的小部件（自定义元素）上的任何样式，并且我的样式将被破坏（根本没有引导）

这就是我覆盖外部css文件中所有元素的方式： 前

---

你们知道吗，我该如何设计这个样式，并且只在角度元素中关闭这个样式？谢谢

您是否尝试在component.css文件中使用此

：：ng deep.chat按钮弹出窗口{box shadow:0 0 20px 35; 000000 29；}

？是的，但它不起作用：如果删除：封装：视图封装。无，我的应用程序根本看不到引导。我还尝试将其添加到angular.json的样式中，但它似乎无论如何都不起作用。我的问题是，如何封装引导类，以便只在我的小部件中看到，而不是整个页面中看到。我想把我的小部件放在不同的网站，不涉及任何网站引导文件。我希望它只能在我的小部件中看到。

body .chat-button-popup-revealed {
    box-shadow: 0 0 20px #00000029;
}