无法摆脱ExtJS javascript页面中hr标签周围的边框

Question

我有一个ExtJS Web应用程序，其中有几个hr标签。问题是，无论我做什么，线都会围绕它们呈现边框 - 无论我是指定隐藏边框样式还是没有边框样式 - 边框仍会显示。

这是我的代码

use warnings;

它产生以下结果：

有什么建议吗？

提前致谢

Answer 1

有了这个定义

items: [
    {
        // Actually you add panel
        // xtype: 'panel',
        html: "<hr>",
        style: 'display: block;margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: hidden;'
    }
]

您将Ext.panel.Panel添加到Ext.form.FormPanel项（因为defaultType）。

当您应用style时，实际上是将其添加到此Ext.panel.Panel DOM元素，而不是<hr>元素。

您必须将样式添加到<hr> diffinition

html: "<hr style='display: block;margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: hidden;'>"

Here is simple fiddle