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; }

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