如何在点击日期删除焦点边框

Question

我需要在我的应用程序中输入一个日期，所以我这样做：

<!--data -->
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6  col-xl-6 form-group">
                            <mat-form-field>
                                <mat-label>Data di nascita</mat-label>
                                <!-- #docregion toggle -->
                                <input matInput [matDatepicker]="picker" placeholder="gg/MM/yyyy">
                                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                                <mat-datepicker #picker></mat-datepicker>
                                <!-- #enddocregion toggle -->
                            </mat-form-field>
                        </div>

问题是我不知道如何删除图像中的焦点：

在我的 style.css 中我这样做：

@import '~@angular/material/theming';
@import '~bootstrap-italia/dist/css/bootstrap-italia.min.css';

问题可能是我导入的一些规则。任何人都可以帮助删除我在图像中看到的组件中的焦点黄色？

Answer 1

这是因为默认输入样式使用this

  input:focus { outline: none; }