Javascript ExtJs 3.4：删除字段集的边框

我有一个ExtJs字段集

{
                xtype : 'fieldset',
                layout : 'hbox',

                defaults : {
                    layout : 'hbox',
                    labelAlign : 'left',
                    border : false,
                    frame : false
                },
                items : [ {
                    xtype : 'label',
                    id : 'idDrop',
                    text : '',
                    width : 120,
                    height : 25,
                    style : {
                        //background : 'yellow',
                        color : 'black',
                        textAlign: 'center',
                        border: '1px solid black',
                        'font-weight':'bold'
                    }
                }, {
                    xtype : 'label',
                    text : '',
                    id : 'idPickup',
                    width : 120,
                    height : 25,
                    style : {
                        //background : 'green',
                        color : 'black',
                        textAlign: 'center',
                        border: '1px solid black',
                        'font-weight':'bold'
                    }
                }, {
                    xtype : 'label',
                    text : '',
                    id : 'idMix',
                    width : 120,
                    height : 25,
                    style : {
                        //background : 'blue',
                        color : 'black',
                        textAlign: 'center',
                        border: '1px solid black',
                        'font-weight':'bold'
                    }
                } ]
            }

我已尝试删除此字段集的框架，如下所示

defaults : {
                    layout : 'hbox',
                    labelAlign : 'left',
                    border : false,
                    frame : false
                }

但是没有运气

如何修复它？

配置对象中的属性将应用于字段集的所有项，而不是字段集本身

要删除此处的边框，只需在字段集上设置

border:false

：

{
    xtype: 'fieldset',
    border: false,
    // ...
}

---

使用容器代替标题我将我的代码复制到这个提琴中。它工作得很好。但它在我的应用程序中不工作。为什么？如果不深入了解您的应用程序，很难判断。也许这是你的CSS的问题？尝试使用Firebug/Chrome开发工具检查字段集。字段集应具有类

x-fieldset-noborder

。如果是这样的话，是否还有其他CSS类/内联样式应用边框？是的，它有.x-fieldset-noborder{border:0px none transparent；}在这种情况下，如果您的字段集仍然有边框，那么一定有另一个样式再次覆盖边框样式。您应该能够在DOM检查器工具中看到实际设置边框的样式。