[英]Angular Material input fields transparent
我正在嘗試使用 Angular Material 的輸入字段,但它沒有正確顯示。 這是我的代碼:
app.component.html:
<div>
<mat-form-field appearance="fill">
<mat-label>Input</mat-label>
<input matInput>
</mat-form-field>
<router-outlet></router-outlet>
</div>
app.module.ts:
import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from '@angular/material/form-field';
imports: [
BrowserModule,
AppRoutingModule,
MatInputModule,
MatFormFieldModule,
BrowserAnimationsModule
]
在我嘗試聚焦該領域之前,我得到的只是一個白屏:
Angular CLI: 9.1.1
Node: 12.16.1
OS: linux x64
Angular: 9.1.2
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.901.1
@angular-devkit/build-angular 0.901.1
@angular-devkit/build-optimizer 0.901.1
@angular-devkit/build-webpack 0.901.1
@angular-devkit/core 9.1.1
@angular-devkit/schematics 9.1.1
@angular/cdk 9.2.1
@angular/cli 9.1.1
@angular/material 9.2.1
@ngtools/webpack 9.1.1
@schematics/angular 9.1.1
@schematics/update 0.901.1
rxjs 6.5.5
typescript 3.8.3
webpack 4.42.0
這已解決,因為我使用的是purple-green
主題,它在黑暗中是亮的,我忘記將mat-app-background
class 應用於body
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.