我想从默认的角材料方案更改为自定义。我的问题是,当我这样做时,Matinput字段停止显示焦点时的闪烁光标。我想知道如何将其恢复到单击时显示闪烁状态。
文件 theme.scss
@import '~@angular/material/theming';
@include mat-core();
$my-app-primary: mat-palette($mat-grey, 100);
$my-app-accent: mat-palette($mat-blue, 200);
$my-app-warn: mat-palette($mat-deep-orange);
$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
@include angular-material-theme($my-app-theme);
文件 custody.component.html
<mat-form-field>
<input
matInput
type="email"
formControlName="email"
placeholder="{{ email }}"
style="outline: none"
/>
<mat-error *ngIf="form.get('email').invalid"
>Please enter a valid email.</mat-error
>
</mat-form-field>
角材料设计与调色板一起用于主,口音(又称次要)和警告颜色。这些是您可以在自定义主题中定义的调色板。每个调色板都有一系列的颜色变体(由数字表示,然后是数字,或简单地代表不同颜色音调的颜色变体。
因此,让我们直接提到:您为主颜色选择的颜色变体是:
$my-app-primary: mat-palette($mat-grey, 100);
主颜色在角材料成分中经常使用,而Matinput也是如此。您选择的变体(100)太轻,因为数字给出的颜色范围从50(较轻)到900(较暗),因此您可能不会在屏幕上看到它。选择其他变体并测试它们是否给您想要的颜色。
可以在以下方面找到有关调色板和设计颜色的更多信息:颜色系统