Hi,

I have a push button and set its iconCls: 'icon-myimage'. I define in the css file the icon-myimage class as below:

Code:
.icon-myimage{background-image: url(../icons/myimage.png); background-size: cover; height:auto; width:auto; max-width:100%; max-height:100%}
The image displays very small in the button. I see in the debug window
Code:
.x-btn-default-small-icon .x-btn-icon {


  • width: 16px;
    • 

  • height: 16px;
    • 

  • top: 0;
    • 

  • left: 0;
    • 

  • bottom: 0;
    • 

  • right: 0;
    • 

}
I don't know how these classes are added automatically to my icon. If I disable width & height (16px) in the debug window then the icon fills up the button.

I'm sure there is a way to config the css or in extjs javascript. Can somebody show me how to fix this problem? Thank you!

Regards,