css - CSSを使用してExtJSコンテナを設計するには?

Question

、のExtJSプロパティを使用しましたが、結果が得られません。clsbodyClscomponentCls

例:

Ext.create('Ext.form.Panel', {
    renderTo: document.body,
    title: 'User Form',
    height: 350,
    width: 300,
    cls: 'form',
    bodyPadding: 10,
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'First Name',
        name: 'firstName'
    }, {
        fieldLabel: 'Last Name',
        name: 'lastName'
    }, {
        xtype: 'datefield',
        fieldLabel: 'Date of Birth',
        name: 'birthDate'
    }]
});

今CSS：

.form {
    background-color:orange !important;
}

背景色をオレンジにしたかったのですが、思い通りの結果が得られません。

どんな助けでも大歓迎です

Answer 1

以下のようなクラスを適用する必要があります (フォームの本文に背景を適用する必要があります)。

.form .x-panel-body-default {
    background-color:orange !important;
}

働くフィドル

これがあなたを助ける/導くことを願っています。