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中提供。