如何使用CSS设计ExtJS容器?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (47)

我用过clsbodyClscomponentClsExtJS属性,但没有得到结果。

例如:

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

我想得到背景颜色橙色,但我没有得到我想要的结果。

如果能提供任何帮助,我将不胜感激。

提问于
用户回答回答于

需要像下面这样应用类(需要将背景应用到表单的body中):

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

https://fiddle.sencha.com/#view/editor&fiddle/2k5r

希望这能帮助你。

扫码关注云+社区

领取腾讯云代金券