在jQuery-UI中调整图标大小
我发现jQuery UI中的图标对我的应用程序来说有点小。 调整.ui-icon的大小当然没有帮助，因为图像是从一个图像文件加载的，所以它只会显示其他图标的一部分。
有没有办法调整图标大小，而不必调整我想要使用的每个大小的图标图像文件？
没有。因为图标被压缩到一个CSS sprite网格中，所以如果你尝试使图标本身变大（如你所见），你将只能看到它周围的图标。 您可以通过调整边距来增加图标的“大小” – 但这不会使graphics更大 – 只占用空间。
编辑 – 看起来像jQuery UI团队之前已经听到这个投诉，并将在下一个版本的jQuery UI中推出一些更大的图标 。
这是一个老问题，但这里是我的解决scheme（如果你喜欢，可以砍）：
.ui-icon-circle-close { -ms-transform: scale(2); /* IE 9 */ -webkit-transform: scale(2); /* Chrome, Safari, Opera */ transform: scale(2); } 对于只有图标的button，它的效果很好。
请注意，只要创build使用它的CSS样式，就可以真正使用任何图标，而且它不必位于精灵包中。 jQuery UIbutton中的“图标名称”实际上只是一个类名。
“坐下来的沃尔多”博客在这里就是一个很好的例子。 它演示了使用最出色的FAMFAMFAM颜色图标集，但是您可以真正使用他的“核心”来调整位置，然后在自己的CSS中使用任何图标。
使用他的例子是很容易的下载文件（你只需要CSS和图标文件夹），然后将这些行添加到您的HTML文件
<link href="libs/famfamfam/css/fff.icon.core.css" type="text/css" rel="stylesheet"/> <link href="libs/famfamfam/css/fff.icon.icons.css" type="text/css" rel="stylesheet"/>
然后在选项中使用其中一个图标名称。
{icons: {primary: 'fff-icon-connect'},text: false}
PS，不幸的是，看起来jQuery UI的新尺寸选项还没有发生，尽pipe他们在7个月前谈到了它。 他们确实让他们变得更大一些，但他们并没有引入一个全新的尺寸。
试试这个http://mkkeck.github.io/jquery-ui-iconfont/
来源： https ： //github.com/mkkeck/jquery-ui-iconfont
它只需要包含jquery-ui.icons.css和字体目录。
jQuery的图标大小可以像这样改变：
<style type="text/css"> .ui-icon { font-size: 1.2em; } </style>
