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';

on styles.css and ng-bootstrap uses bootstrap 4.0 css which imports on index.html, 是否有可能它们之间的冲突可能导致这个？

Answer 1

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

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

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

ng-bootstrap TimePicker spinners outline is visible