datepickerfield sencha touch 2 - 如何将默认placeHolder颜色从黑色更改为灰色？

Question

有：

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

结果，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，placeHolder html5的样式，阅读Sencha Docs。没有任何帮助，尚未找到解决方案。

这不可能吗？

Answer 1

您可以使用-webkit-text-fill-color执行此操作。

定位特定字段的最简单方法是：

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

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

---

修改

要完成答案，您可能希望文本在用户选择日期后返回到默认颜色，因此;在日期选择器更改事件中添加removeCls

实施例

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

Answer 2

你有没有尝试过：

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