在 EXTJS 中设置按钮样式

Posted 2023-02-26

【中文标题】在 EXTJS 中设置按钮样式

【英文标题】：Style a button in EXTJS

【发布时间】：2012-07-14 08:00:39

【问题描述】：

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

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

我的问题：

我应该在我的应用程序中的哪里添加 CSS 文件，以及如何使用它来设置按钮样式？

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

【参考方案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

【讨论】：

我应该在 VIEW 文件夹的哪里添加这个 CSS ？

没关系，放在任意文件夹中。