jquery-ui - 调整 jQuery-UI 中的图标大小

Question

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

是否有任何方法可以调整图标大小，而无需为我想要使用的每种尺寸调整图标图像文件的大小？

Answer 1

这是一个老问题，但这是我的解决方案(如果您愿意，可以进行修改):

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

对于纯图标按钮来说效果很好。