How to center an icon in a extjs button?

css, extjs, html

Solution

I think,you need background-position:

.startbutton { 
    background-position: center center;
    background-image: url(Camera.png) !important;
}

Problem

I have a simple button, but I can't make the icon to be centered on it. ``` { xtype: 'button', width: 150, height: 150, cls: 'startbutton' } ``` css: ``` .startbutton { background-image: url(Camera.png) !important; } ``` This image is 72x72 pixels.

Original source