如何从Jquery UI图标集增加默认大小16px？

我想将JQuery图标的大小从16像素增加到24像素。

我非常确定这些图标被打包到css精灵网格中，因此不能再大了。。。我唯一能想到的是在它周围增加一个边距，但是图标在一个更大的空格的中间仍然很小。 甚至打开精灵并制作更大的图标

这里是我要尝试的（你仍然需要编辑你的精灵表，但我相信soneone descent和photoshop可以让它变得简单：

function getPos(X,Y,Size)
{
    var posJson = { posX:0,posY:0 };
    posJson.posX = X*-Size;
    posJson.posY = Y*-Size;
    return posJson;
}
$(document).ready(function(){
    var Pos = getPos(0,1,16);
    $(".ui-icon-carat-1-n").css("background-position",Pos.posX+"px "+Pos.posY+"px");
});

---

您可以添加CSS样式的缩放，尽管这并不适用于所有浏览器，例如

.zoomClassPercent {
zoom:150%;
}

.zoomClassRatio {
zoom:1.5;
}

---

你不能神奇地将320像素添加到一个图标。@lil'monkey你说得对，它们在一个精灵中，我也计算了边距解决方案，但它不会像你提到的那样影响大小。我将采用手动方式调整大小。如果你在精灵中编辑图标的大小，最好在代码中写下你必须执行的所有步骤。然后发布到我自己，因为我注意到有很多ppl在多个论坛上询问这些问题。@lil'monkey我已经看过精灵了，但是为了让整个事情顺利进行，我必须准确地调整大小和边距，此外，我还必须重新计算精灵中每个图标的每个位置，这不方便b因为我使用了几个主题并动态更改它们。我会看看我是否能找到一种方法来编写一个自动化，这样每个图标主题都会转换成一个更大的主题。任何预先计算都是非常受欢迎的。我打开了css来检查它，我现在明白你的意思了……代码中的背景位置必须设置为dynamic和所有的精灵网格都必须改变（完美的）你能在就绪状态下调整背景位置吗？因为你可以创建一个函数，返回通过图标索引X和Y的位置，图标大小函数ex:getPos（0,0,24）返回{posX:0，posY:0}…然后jsut用这些位置覆盖CSS我也和我的设计师朋友检查过，他说你可以很容易地在photoshop中拉伸精灵我们用一个16icon/15的精灵试过了，所以256px/240px…将它改为每个图标24px花了我们10秒，完成了，图标看起来仍然很好注意，图标会消失好吧，当你把它们变大的时候。