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

Question

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

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

我试过 border: false 但没有用。

Answer 1

向 window 添加 cls 选项，以便您可以确定 "no border" 样式的范围：

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