イオンフロートの入力色を変更する

Question

イオン入力とイオンラベルの色を変更する必要があります（デフォルトの黒から白へ）。私はこのような何かをしています：

<ion-item style="color:#ffffff"> 
     <ion-label floating style="color:#ffffff">Password</ion-label> 
     <ion-input [(ngModel)]="user.password" name="password" type="password" #password="ngModel" required > 
     </ion-input> 
    </ion-item> 

しかし、入力ラベルの色は変わりますが、入力の最終行は変わりません。イオン文書を見ると、私はこれに固有の何かを見つけられませんでした。誰か助けてくれますか？

Answer 1

あなたはこのようにイオンのスタイル規則をオーバーライドすることで試すことができ

：

/* Workaround to hide android default validation colors */ 
ion-item.item-md.item-input.input-has-focus .item-inner, 
ion-item.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus) .item-inner, 
ion-item.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus) .item-inner { 
    border-bottom-color: #ffffff; 
    box-shadow: none; 
} 

/* Workaround to hide window phone default validation colors */ 
ion-item.item-wp.item-input.input-has-focus .text-input, 
ion-item.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus) .text-input, 
ion-item.item-wp.item-input.ng-invalid.ng-touched:not(.input-has-focus) .text-input { 
    border: 2px solid #ffffff; 
}