datepickerfield sencha touch 2-Как изменить цвет заполнителя по умолчанию с черного на серый?

Есть: 

{
    xtype: 'datepickerfield',
    placeHolder : 'Date',
}

Как resul, HTML-файл отображает: 

<input class="x-input-el x-form-field x-input-text" type="text" id="ext-element-121" name="date" placeholder="Date" style="color: red!important;">

К сожалению, слово "дата" отображается черным цветом и ничего не помогает. Пробовал css, стили для заполнителя html5, читал Sencha Docs. Ничего не помогает, решение пока не найдено.

Неужели это невозможно?

2 2
css html5 datepicker placeholder sencha-touch-2

2 ответа:

Вы можете сделать это с помощью -webkit-text-fill-color.

Самый простой способ нацелиться на конкретное поле выглядит следующим образом: 

{
    xtype: 'datepickerfield',
    placeHolder : 'Date',
    cls: 'your-class'
}

.your-class .x-form-field {
    -webkit-text-fill-color: red;
}

EDIT

Чтобы завершить ответ, вы, вероятно, хотите, чтобы текст вернулся к цвету по умолчанию после того, как пользователь сделал выбор даты, поэтому; в событии изменения выбора даты добавьте removeCls

пример 

onDatePickerChange: function(this, date, options ) {
    this.removeCls('your-class');
}
2

Вы пробовали: 

::-webkit-input-placeholder {
    color: red !important;
}
0