extjs3 - ExtJS 3.4 - 如何将 DateField 中的 emptyText “变灰”

Question

emptyText ("YYY-MM-DD")我在以灰色而不是黑色显示日期字段时遇到了问题。

这是我的代码。

风格

.emptyText {
    color: grey;
}

脚本

items : 
[ 
   {
    fieldLabel : "Create Date",
    xtype : 'compositefield',
    items : 
    [
        {
            xtype : "datefield",
            width : 110, 
            format: 'Y-m-d', 
            emptyText: "YYYY-MM-DD",
            emptyClass:"emptyText"
        },
        {
            xtype:"label", 
            width:20, 
            text: "to", 
            style:fieldLabelStyle2
        },
        {
            xtype : "datefield",
            width : 110,
            format: 'Y-m-d', 
            emptyText: "YYYY-MM-DD",
            emptyClass:"emptyText"
        } 
    ]
    }
]

我也尝试在emptyText中包含带有样式的html标签，但html标签被视为纯文本。设置如下

emptyText: '<span style="color:grey">YYYY-MM-DD</span>'

Answer 1

对于 ExtJS 3.x，您可以覆盖 css 类：

.x-form-empty-field {
    color: gray;
}

ExtJS 4.x 有一个属性emptyCls。