ExtJS - 更改默认按钮样式和字体

Question

我有这个要求，我必须更改我的Ext JS应用程序的默认样式。我不是在谈论改变CSS文件中的东西。我还没那么雄心勃勃。这就是我要找的东西：

1. 假设我需要提交和取消按钮，我使用xtype：按钮和文本：保存（或取消）。这将呈现带有文本的按钮。如果我想改变按钮的外观，我该怎么办？或者用一个很酷的保存或取消图像替换按钮？

2. 现在，我在应用程序上拥有ExtJS显示的默认字体的所有文本。如果我希望应用程序上的所有文本都更改为不同的字体，我该怎么办？从表单/网格中的数据和每个组件的标题中的所有内容都应该更改为我的客户喜欢的其他字体。我该怎么办？

我理解这些是非常基本的和一般性的问题，但在继续我的任务之前，我正在寻找一个好头像。

提前谢谢大家。等待答案：）

更新：所以，我发现了我们如何处理CSS并更改字体。任何人都可以帮助查看提交/取消按钮的外观和感觉。

Answer 1

我建议您使用SASS和compass来构建自己的主题，或者更好地说要更改现有主题。在Ext JS documentation中，您可以找到可根据需要设置的css变量。

Answer 2

如果您尚未准备好使用SASS主题，那么请查看来自sencha文档的按钮配置示例：

Stanadalone 示例页面：http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.html

CSS 可为按钮添加自定义图像：http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.css

显示按钮配置的

JS ：http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.js

本质上，这显示了如何在按钮配置上使用iconCls属性以及一个简单的CSS类来为您的按钮添加所需的图像。