2017-01-04 2 views
0

Мне нужно изменить цвет для ввода ионов и ионной метки (от черного по умолчанию до черного). I`m делать что-то вроде этого:Изменение цвета входного сигнала с ионным поплавком

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

Tha цвет этикетки изменения, но в нижней строке входного dosen't. Глядя на ионные документы, я не нашел для этого ничего конкретного. Кто-нибудь может мне помочь?

ответ

0

Вы можете попробовать с помощью переопределения правил стиля Ионных как это:

/* 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; 
} 
+0

Это должно работать на ионическом 2? Не работает здесь :( –

+0

Куда вы включаете эти правила стиля? Пожалуйста, убедитесь, что стили загружаются должным образом. Я проверил и ответ должен работать: [рабочий gif] (https://gyazo.com/b3d5c6cc33f35f08c2e9d1a5fdbede22) – sebaferreras

+0

Я добавляю эти строки в app.scss –

Смежные вопросы