ng-bootstrap TimePicker微调框轮廓可见

Question

我试图了解为什么我的ngb-timepicker的微调框轮廓可见，我怀疑这与css有关，但坦率地说，我对此领域的了解不足。 解决该问题的方法将不胜感激。 （即使解决方案包括通过css隐藏它，但我仍然不了解该如何做）

示例代码：

HTML：

<div mat-dialog-content>
    <ngb-timepicker [(ngModel)]="data.time" ></ngb-timepicker>
</div>

CSS是空的，我只在TS上使用常规

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

我正在使用两种进口的Angular材料

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

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

Answer 1

当您使用bootstrap 4.0.0 -beta.2和ng-bootstrap 1.0.0-beta.5时，时间选择器中实际上存在一个带有按钮边框的错误。

ng-bootstrap仅使用btn-link类自定义这些按钮。 它适用于bootstrap 4.0.0-beta ，但不适用于beta.2 。

已经有一个修复程序 ，它将在下一版ng-bootstrap中提供。