Как изменить цвет фона автозаполнения входов с Angular Material? - PullRequest
0 голосов
/ 20 сентября 2019

Я не знаю, почему старые предложения моего ввода имеют цвет темный . Исходное состояние: enter image description here

И когда я нажимаю в поле ввода:

enter image description here

Я полагаю, мы можем настроить его на CSS ?Я использую готовую purple-green.css theme.

"aaa" и "moi" - мои предыдущие / прежние записи поля ввода.Это не список для выбора!

component.html:

<form #form="ngForm" (ngSubmit)="submit(form)">
  <div mat-dialog-content>
    <div>
      <span class="label-for-input">
        <label>Nom du marché :</label>
      </span>
      <mat-form-field class="input-full-width">
        <input matInput id="nomMarche" name="nomMarche" required placeholder="Nom du marché" [(ngModel)]="marche.nomMarche">
      </mat-form-field>
    </div>
    <div>
      <span class="label-for-input">
        <label>Lieu du marché :</label>
      </span>
      <mat-form-field class="input-full-width">
        <input matInput id="lieuMarche" name="lieuMarche" required placeholder="Lieu du marché" [(ngModel)]="marche.lieuMarche">
      </mat-form-field>
    </div>
    <div>
      <span class="label-for-input">
        <label>Jour du marché :</label>
      </span>
      <mat-form-field class="input-full-width">
        <input matInput id="jourMarche" name="jourMarche" required placeholder="Jour du marché" [(ngModel)]="marche.jourMarche">
      </mat-form-field>
    </div>
    <div>
      <span class="label-for-input">
        <label>Heure de début:</label>
      </span>
      <mat-form-field class="input-full-width">
        <input matInput id="heureDebutMarche" name="heureDebutMarche" required placeholder="Heure de début" [(ngModel)]="marche.heureDebutMarche">
      </mat-form-field>
    </div>
    <div>
      <span class="label-for-input">
        <label>Heure de fin :</label>
      </span>
      <mat-form-field class="input-normal-width">
        <input matInput id="heureFinMarche" name="heureFinMarche" required placeholder="heure de fin" [(ngModel)]="marche.heureFinMarche">
      </mat-form-field>
    </div>
  </div>

  <div>
    <div class="containerDroiteDialog">
      <button type="submit" mat-raised-button color="primary" class="marginBottom">Enregistrer
      </button>
      <button type="button" mat-raised-button class="marginBottom" (click)="onCloseClick()">Annuler</button>
    </div>
  </div>
</form>

1 Ответ

1 голос
/ 20 сентября 2019

Чтобы добавить CSS, вам необходимо выполнить отладку в chrome следующим образом

В Chrome Dev Tools перейдите к самому родительскому элементу, в который загружен динамический HTML.Щелкните правой кнопкой мыши на родительском элементе и добавьте отладчик, выполнив это,

Break On > Subtree modifications.

Для справки https://camerondwyer.com/2018/07/11/how-to-inspect-dynamic-html-elements-that-keep-disappearing-in-chrome/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...