Angular MatInput css

I’m using Material on an Angular project.

All the Material components I use work except matInput.

I import the component well and I have the impression that it is well detected as such but its css is not taken into account.

import { MatInputModule } from '@angular/material/input';
import { NgModule } from '@angular/core';
import { MatButtonModule } from "@angular/material/button";
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';


@NgModule({
declarations: [],
imports: [],
exports: [
MatButtonModule,
MatInputModule,
MatFormFieldModule,
MatSlideToggleModule
]
})
export class MaterialModule {
}


_

<form fxLayout="column" fxLayoutGap="1rem">
<input type="text" mat-input />
<input matInput>

<button mat-flat-button>button</button>
</form>


enter image description here

Mat Button work but Mat Input no.

Continue reading...