调整jQuery-UI中图标的大小 [英] Resizing Icons in jQuery-UI

问题描述

我发现jquery UI中的图标对于我的应用程序来说有点小.当然，在.ui-icon上调整大小无济于事，因为图像是从单个图像文件加载的，因此只会显示其他图标的一部分.

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?

推荐答案

否.由于图标打包在CSS Sprite网格中，因此，如果尝试使图标本身变大(如您所见)，则只会看到其周围的图标.您可以通过调整边距来增加图标的大小"-但这不会使图形变大-只是占用的空间.

No. Because the icons are packed into a CSS sprite grid, you will only see the icons around it if you try to make the icon itself bigger (as you saw). You could increase the "size" of the icon by adjusting margin - but this won't make the graphic bigger - just the space it takes up.

编辑-看起来jQuery UI团队之前已经听到过此投诉，并将转到

Edit - Looks like the jQuery UI team has heard this complaint before and is going to roll out some larger icons in the next release of jQuery UI.

这篇关于调整jQuery-UI中图标的大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！