Различный стиль mat-form-field на одной странице ионный - PullRequest
0 голосов
/ 20 апреля 2020

у меня есть это 2 поля ввода материала, но я хочу изменить стиль каждого поля, во-первых, я хочу сделать цвет нижней границы и метки синим, а во-вторых, колосами белый,

  <mat-form-field style="width: 100%;">
    <mat-label>Nama Produk</mat-label>
    <input matInput placeholder="Contoh. Pizza">
  </mat-form-field>
  <mat-form-field style="width: 100%;" class="white">
    <mat-label class="white">Deskripsi Produk</mat-label>
    <textarea matInput placeholder="Contoh. Warna hitam dll"></textarea>
  </mat-form-field>

Я установил глобальный для mat-form-file синим цветом, используя это css в моем global.s css

.mat-form-field-label {
    color: var(--ion-color-primary);
}
.mat-focused .mat-form-field-ripple {
    /*change color of underline when focused*/
    background-color: var(--ion-color-primary) !important;
}

как сделать другой белый?

...