在ExtJS 4.2.1中更改默认CSS变量

Question

大家好，我是一个新手使用ExtJS。我正在使用ExtJS 4.2.1，并在ExtJS文档中看到了一个名为“CSS Vars”的新标签。但是我无法以普通方式设置变量配置。有人能建议我如何使用CSS vars更改ExtJS（4.2.1）的默认CSS行为吗？

例如，我想使用$panel-body-background-color设置面板的背景颜色。那么我该如何在面板配置中设置？以下代码段中出现了错误。

xtype:'panel',
border:true,
$panel-body-background-color : 'black'

- Vishal Zanzrukia

---

我已经编辑了，但我的问题不在于此。它仍然报错。 - Vishal Zanzrukia

Answer 1

在这里，您将获得有关如何使用CSS变量和ExtJS主题的所有必要信息。 https://github.com/Scorpie/Ext.ux.BrowserCheck/blob/master/extjs-4.1.0/docs/guides/theming/README.md

- Naresh Tank

Answer 2

CSS变量不应该以这种方式使用，它们是在SASS过程中使用的。请查看ExtJS文档以获取有关如何使用它的更多信息：http://docs.sencha.com/extjs/4.2.1/#!/guide/theming

- kevhender

---

有没有办法在不为整个应用程序添加样式的情况下将CSS变量应用于一个组件？ - uncle Lem

在此处添加问题：http://stackoverflow.com/questions/20256482/extjs-theming-single-component - uncle Lem