css - ExtJS:主题单一组件

Question

我的目标是更改一个面板的标题字体大小。

我尝试阅读 http://docs.sencha.com/extjs/4.2.1/#!/guide/theming ，但我发现的所有内容都是为整个应用程序设置主题，为元素中的所有面板设置主题并覆盖“Theme JS Overrides”中的配置选项，但没有覆盖单个组件的 CSS 变量。

有没有办法在不为整个元素使用这个 SASS 的情况下实现它？

Answer 1

只需将一个类添加到面板，然后创建一个规则来匹配:

new Ext.panel.Panel({
    cls: 'foo',
    renderTo: document.body,
    title: 'X'
});

.foo .x-header-text {
    font-size: 24px;
}