javascript - 删除 ExtJS 5 中的面板边框默认 css

Question

我想完全删除面板边框（边框、背景图像和所有）。我有一个有 6 个面板的窗口，每个面板都有标题。我只想要没有任何边框的标题名称。

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

我试过边界：假但不起作用。

Answer 1

向窗口添加一个cls选项，以便您可以确定“无边框”样式的范围：

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 一起使用，以便样式声明看起来更简单。