Question

我想更改工具栏中按钮的背景颜色。我需要这个按钮来显示汇总值。

我试过

cls: 'button-matching-auto',

和css-file

.x-btn-button .button-matching-auto {
    background-color: #10E0E0;
}

没效果。

然后我尝试了

style: {color:'red'},

它是一样的：没有效果

在Chrome的开发者工具中，我可以看到颜色已应用，但不可见。

怎么了？

Answer 1

“这是因为按钮有一个名为'x-button'的CSS类，背景颜色默认设置为'#CCC'......” http://www.sencha.com/forum/showthread.php?208417-Change-image-button

{
xtype: 'button',
baseCls: 'null',
cls: 'buttonRed
}

...如果你只想要一个按钮的默认外观而不是灰色...

我这样做是为了改变外观并获得默认值：

dockedItems: [{
        xtype: 'toolbar',
        layout: {
            pack: 'center'
        },
        defaultButtonUI: 'default', // get default look and feel
        dock: 'bottom',
        items: [{
            xtype: 'button',
            width: 200,           
            text: 'Download to Excel',

        },{
            xtype: 'button',
            width: 200,           
            text: 'Another action',

        }]

更改工具栏中的按钮背景颜色

1 个答案: