Resizing Icons in jQuery-UI

Question

I find the icons in jquery UI to be a bit small for my application. Adjusting the sizes on .ui-icon doesn't help of course, because the images are loaded from a single image file and so it will just show portions of other icons.

Is there any way to adjust the icon sizes without having to resize the icon image files for each size I'd like to use?

Answer 1

It is an old problem, but here is my solution (hack if you prefer):

.ui-icon-circle-close {   -ms-transform: scale(2); /* IE 9 */   -webkit-transform: scale(2); /* Chrome, Safari, Opera */   transform: scale(2); } 

For an icon-only button it works great.