使用ExtJS修改CSS样式的方法

ExtJS是一个用于构建富客户端应用程序的JavaScript框架，它提供了丰富的UI组件和工具，以帮助开发人员快速构建功能强大的Web应用程序。在ExtJS中，修改CSS样式可以通过一些简单的步骤实现。本文将介绍如何在ExtJS中修改CSS样式，并提供相应的源代码示例。

步骤1：创建ExtJS应用程序

首先，我们需要创建一个ExtJS应用程序的基本结构。可以使用Sencha Cmd来快速生成一个ExtJS应用程序的骨架。打开命令行终端，并导航到要创建应用程序的目录中。然后执行以下命令：

sencha generate app MyApp /path/to/myapp

这将在指定的目录中创建一个名为MyApp的ExtJS应用程序。

步骤2：修改CSS样式

在ExtJS中，CSS样式是通过使用CSS类来控制的。要修改组件的样式，我们可以通过以下几种方式实现：

1. 使用内联样式：可以直接在组件的配置项中定义内联样式。例如，要修改一个按钮的背景颜色，可以在按钮的配置项中添加style属性，并设置相应的CSS样式规则。示例代码如下：

Ext.create('Ext.button.Button'