html - 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 Material

@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。

已经有一个fix它将在下一个版本的 ng-bootstrap 中可用。