css - 在 EXTJS 中设置按钮样式

Question

我有一个按钮。我需要将它右对齐，增加字体大小和加粗等。当我用谷歌搜索时，它说我应该使用 CSS。

我如何使用 CSS 来设置我添加的按钮的样式？

我的问题:

我应该在我的应用程序中的什么地方添加 CSS 文件，我如何使用它来设置按钮的样式？

items: [
                 {
                     xtype: 'button',
                     align: 'right',
                     text:'Assign' 
                 }
             ]

Answer 1

items: [
                 {
                     xtype: 'button',
                     align: 'right',
                     text:'Assign',
                     cls : 'foo' 
                 }
             ]

在 CSS 文件中:

.foo { background:black; }

这会将 CSS 类添加到 Button 的最外层元素。 DOM 标记中可能涉及许多元素，因此请使用 Firebug 确定要设置样式的元素。Ext 文档中的更多详细信息:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.button.Button-cfg-cls