Javascript 如何使ExtJS表单与其工具栏之间的边距消失?

Javascript 如何使ExtJS表单与其工具栏之间的边距消失?,javascript,forms,extjs,tbar,Javascript,Forms,Extjs,Tbar,有谁能告诉我,我怎样才能使tbar和FormPanel之间的这一小部分空白消失?我想让工具栏紧贴在它出现的窗体上 代码: 填充之所以存在,是因为您有frame:true——要消除它,只需使用CSS规则针对导致填充的3个因素。为您的面板提供一个ID,类似于“form customer contact”,然后使用以下3条规则: .form-customer-contact .x-panel-ml, .form-customer-contact .x-panel-mr, .form-customer

有谁能告诉我,我怎样才能使
tbar
FormPanel
之间的这一小部分空白消失?我想让工具栏紧贴在它出现的窗体上

代码:


填充之所以存在,是因为您有frame:true——要消除它,只需使用CSS规则针对导致填充的3个因素。为您的面板提供一个ID,类似于“form customer contact”,然后使用以下3条规则:

.form-customer-contact .x-panel-ml,
.form-customer-contact .x-panel-mr,
.form-customer-contact .x-panel-mc
{padding:0px;}
[跟进] 您可能希望使用另一个规则将填充放回表单正文中,以便只展开工具栏。。。因此,摆脱bodyStyle的配置选项,使用以下CSS规则:

.form-customer-contact .x-panel-body
{padding:10px;}

这是可行的,当然我必须将类符号(.)更改为id符号(#)。我把代码贴在上面了。谢谢。是的,很抱歉弄错了符号——但很高兴你能用上它
.form-customer-contact .x-panel-ml,
.form-customer-contact .x-panel-mr,
.form-customer-contact .x-panel-mc
{padding:0px;}
.form-customer-contact .x-panel-body
{padding:10px;}