ExtJS 3.4 - 如何「灰色」DateField中的空文本

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標記被視爲純文本。

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

對於ExtJS的4.x中有一個屬性emptyCls：它如下

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

Answer 1

對於ExtJS的3.x中可以覆蓋CSS類設置。