在ExtJS 5中删除面板边框默认css

Question

我想完全删除面板边框（border，background-image和all）。我有一个窗口，有6个面板，每个面板都有标题。我只想要没有任何边框的标题名称。

问题可能重复，但我没有得到答案。

我尝试过border：false但不起作用。

Answer 1

在窗口中添加cls选项，以便您可以调整＆＃34;无边框＆＃34;样式：

cls: 'noPanelBorder'

然后使用：

.noPanelBorder .x-panel-body-default,
.noPanelBorder .x-panel-header-default,
.noPanelBorder .x-panel-default {
    border: none;
    box-shadow: none;
    background: none;
}

参见示例：https://fiddle.sencha.com/#fiddle/sbs

请注意，建议使用SCSS和Sencha CMD，以便样式声明看起来更简单。