This question already has an answer here:
- extjs buttons in toolbar appearance 5 answers
I was wondering if it is possible to put a button into a panel's toolbar but have it retain the look of a button as if it was just in a plain panel.
For example, i want the button to look like this:

However, it looks like this:

Thanks so much!
EDIT
Code to create toolbar:
xtype: 'toolbar',
items:
[
{
xtype: 'button',
text: 'Select bounding box on map',
id: 'bbBoxButton',
icon: 'img/cross_cursor.gif',
listeners: {
click: function(){
polygonControl.activate();
}
}
}
]
Code to create regular button:
{xtype: 'button', id: 'bboxButton', text: 'Select bounding box on map', icon: 'img/cross_cursor.gif', listeners: {click: function(){polygonControl.activate()}}}
I believe I have to use the cls config for the button, but i cannot seem to find the appropriate css class.
I had the exact same issue. To solve, I pass this into the button:
cls:'x-btn-default-small'
Adding this
ctCls: 'x-btn-over'
to button config solved the issue for me in Ext 2.2.1
This link seemed to answer exactly what i wanted.
Look at zombeerose's response for 3.0 solution.
http://www.sencha.com/forum/showthread.php?57130-Toolbar-button-style
来源:https://stackoverflow.com/questions/8477879/extjs-button-style-toolbar