如何在extjs按钮中居中图标？

Question

我有一个简单的按钮,但我无法使图标居中.

{
    xtype: 'button',
    width: 150,
    height: 150,
    cls: 'startbutton'
}

CSS:

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

此图像为72x72像素.

Answer 1

我认为，你需要背景位置：

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