javascript - 删除手风琴元素之间的填充

Question

我正在尝试删除手风琴元素之间的填充。

使用示例：http ://docs.sencha.com/extjs/4.2.1/#!/example/build/KitchenSink/ext-theme-neptune/#layout-accordion我能够删除左侧和右侧的填充，只需删除：

.x-accordion-layout-ct {
padding: 5px 5px 0;
}

编辑： 我已经设法通过代码完成这部分（将其添加到 Ext.define）：

bodyStyle: 'padding: 0',

但我不能删除元素之间的填充：

我试图挤压一切，所以我希望那些填充物消失。

理想情况下，我想得到这样的东西：

如何通过代码或 CSS 删除其余的填充？

编辑：这是几乎完美的版本（感谢@David Thomas）：http: //jsfiddle.net/cPQz9/

这是我用过的 CSS：

.x-panel {
    margin: 0;
}
.x-accordion-layout-ct {
padding: 0;
}
.x-accordion-item:not(:last-child) {
    border-bottom: 1px solid red;
}

但我担心浏览器兼容性 - 最后一个选择器可能不适用于所有浏览器。

Answer 1

我建议如下：

.x-panel {
    margin: 0;
}

JS Fiddle 演示，仅在 Chrome 27/Windows XP 中测试。