Html ng引导计时器微调器轮廓可见

我试图理解为什么我的ngb计时器的旋转器轮廓是可见的， 我怀疑这和css有关，但坦率地说，我对这个领域还不够了解。如果有办法解决这个问题，我们将不胜感激。（即使解决方案包括通过css隐藏它，我也不太了解css，无法独自完成）

示例代码：

Html:

我使用的是两种导入的角度材质

@import '../node_modules/@angular/material/prebuilt-themes/indigo-pink.css';

---

在styles.css和ng bootstrap上使用在index.html上导入的bootstrap 4.0 css，它们之间是否存在冲突可能导致此问题？

当您使用bootstrap 4.0.0-beta.2和ng bootstrap 1.0.0-beta.5时，计时器中的按钮边框实际上存在错误

ng引导仅使用类

btn链接

自定义这些按钮。它适用于Bootstrap4.0.0-beta版，但不适用于beta.2版

---

ng bootstrap的下一个版本中已经有可用的代码。

请添加用于mcve的代码。这可能与在材质

对话框中使用
ngb timepicker
有关。众所周知，这种材料与其他物品的搭配效果不佳。确保设置了
ViewEncapsulation.none
，但除此之外，如果您决定在角度项目中使用材质2，则需要遵守其样式指南（非常广泛）。@Z.Bagley，遗憾的是，它没有起到作用，结果是一样的。我希望我的项目只是材料，但遗憾的是他们没有时间选择器，所以我不得不即兴创作。它有按钮和输入。。。您可以使用纯材料项构建“时间选择器”。您是否在根组件（app.component.ts）上设置了ViewEncapsulation？是的，我设置了，并且在其他每个组件上都设置了ViewEncapsulation，以确保它没有效果。创建它并不难，因为它只有4个按钮和2个输入，但我希望它是时尚的，我不知道如何做到这一点，（Iv'e已经尝试使用2个下拉列表小时和分钟，但我宁愿像我张贴的东西）谢谢你！当然很高兴这不是我的错，哈哈。
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@import '../node_modules/@angular/material/prebuilt-themes/indigo-pink.css';