이온 플로트 입력 색상 변경

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; 
}