我在 .css 文件中添加了这个,但它似乎没有做任何事情。
.mat-form-field-appearance-fill .mat-form-field-flex {
padding-top: 0.0em !important;
padding-right: 0.0em !important;
padding-bottom: 0px !important;
padding-left: 0.0em !important;
}
是的,当我尝试修改其他内容时,CSS 文件已链接到 html 文件。
任何想法为什么?
编辑:我正在使用 Angular Material 日期选择器
这是 HTML
<mat-form-field appearance="fill">
<mat-date-range-input [formGroup]="range" [rangePicker]="picker">
<input matStartDate formControlName="from" placeholder="From">
<input matEndDate formControlName="to" placeholder="To">
</mat-date-range-input>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-date-range-picker #picker></mat-date-range-picker>
<mat-error *ngIf="range.controls.from.hasError('matStartDateInvalid')">Invalid starting date!</mat-error>
<mat-error *ngIf="range.controls.to.hasError('matEndDateInvalid')">Invalid ending date!</mat-error>
</mat-form-field>