15

Ionic 4 アプリケーションのプレースホルダーのスタイルを設定しようとしています。HTML は次のようになります。

<form>
  <ion-grid>
    <ion-row class='label'>Name</ion-row>
    <ion-row>
      <ion-item>
        <ion-input type='text' [(ngModel)]='recipe.name' name='name' placeholder='Name'></ion-input>
      </ion-item>
    </ion-row>
    <ion-row class='label'>Weight</ion-row>
    <ion-row>
      <ion-item>
        <ion-input type='number' [(ngModel)]='recipe.weight' name='weight' placeholder='Weight'></ion-input>
        <ion-label>kg</ion-label>
      </ion-item>
    </ion-row>
  </ion-grid>
</form>

Ionic 2.x ソリューションを試してもうまくいきませんでした。

イオンアイテムに色を設定すると、入力フィールドのテキスト全体がスタイルされることがわかりました

ion-item {
    ion-input{
        color:red;
    }
}

疑似クラス:placeholder-shownまたは疑似要素::placeholderion-inputで使用する場合、スタイリングは効果を示しません。

私は何を間違っていますか?入力プレースホルダーをスタイルするIonic 4の可能性さえありますか?

編集:

Ionic 4 と Angular 6 でフォークするStackblitz

4

3 に答える 3