有:
{
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、占位符 html5 的样式,阅读 Sencha 文档。没有任何帮助,尚未找到解决方案。
这不可能吗?
最佳答案
您可以使用-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');
}
关于css - datepickerfield sencha touch 2 - 如何将默认占位符颜色从黑色更改为灰色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16980287/