css - datepickerfield sencha touch 2 - デフォルトのプレースホルダーの色を黒からグレーに変更するには?

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