View Full Version : Toolbar button style in IE8

3 Oct 2013, 10:10 PM
Hi, all

I want to change button style in toolbar (neptune theme).

I tried the following code and css:

Ext.create('Ext.grid.Panel', {
title: 'Grid',
height: 200,
width: 400,
store: myStore,
columns: [
{ text: 'Name', dataIndex: 'name', flex: 1},
{ text: 'Phone', dataIndex: 'phone', flex: 1}
dockedItems: [{
xtype: 'toolbar',
items: [{
text: 'Delete',
cls: 'flat-btn',
handler: function() {
renderTo: Ext.getBody()


.flat-btn {
background: #5DADE2 !important;

.flat-btn .x-btn-inner {
color: #FFFFFF;

It can work in both of FF and Chrome. But the background image of button was still there in IE8.

How to fix it?

Gary Schlosberg
11 Oct 2013, 8:57 PM
You might need to use SASS to get IE8 working right:

13 Oct 2013, 7:30 PM
Thanks. Finally I gave up. Because it caused other issues.