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または疑似要素::placeholderをion-inputで使用する場合、スタイリングは効果を示しません。
私は何を間違っていますか?入力プレースホルダーをスタイルするIonic 4の可能性さえありますか?
編集:
Ionic 4 と Angular 6 でフォークするStackblitz