0

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>'
4

1 に答える 1

0

ExtJS 3.x では、css クラスをオーバーライドできます。

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

ExtJS 4.x には、プロパティemptyClsがあります。

于 2013-05-15T08:25:35.220 に答える