在EXTJS中设置按钮样式

Question

我有一个按钮.我需要将它对齐到右边,使字体大小增加和粗体等.当我用Google搜索它说我应该使用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类添加到Button的最外层元素.DOM标记中可能涉及许多元素,因此使用Firebug来确定要设置样式的元素.Ext文档中的更多细节:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.button.Button-cfg-cls