Как настроить Ionic Input Placehoder

Question

Я настраиваю страницу входа, используя ionic. Я хочу изменить цвет заполнителя внутри ионного ввода. Как этого добиться используя CSS

Я пытался

.text-input::-moz-placeholder
{
   color: white;
}

.text-input:-ms-input-placeholder 
{
   color: white;
}

 .text-input::-webkit-input-placeholder 
 {
   text-indent: 0;
   color: white;
 }

Но это не работает

Answer 1

ion-input
{
        --placeholder-color:#fff;
         --color: #fff;
}

Используя приведенный выше код, вы можете изменить цвет заполнителя и цвет текста поля ввода в Ionic.для более https://beta.ionicframework.com/docs/api/input

Answer 2

Перейдите в вашу переменную .scss и добавьте следующий код в конце:

*::-webkit-input-placeholder {
    color: white;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: $roadmate-header-icon;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: white;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}

Это повлияет на все входные данные в вашем приложении независимо от того, к какому классу вы применяете. В вашем коде вы предназначались только для входов, к которым применен класс text-input