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

Question

我想将JQuery图标的大小从16增加到24px.

Answer 1

您可以添加CSS样式缩放,但这并不适用于所有浏览器,例如

.zoomClassPercent {
zoom:150%;
}

.zoomClassRatio {
zoom:1.5;
}

Answer 2

我非常确定图标被打包到 CSS 精灵网格中，因此不能更大......我唯一能想到的是在它周围添加边距，但图标在更大的空白空间中间仍然很小。

甚至打开精灵并制作更大的图标！;)

这是我要尝试的（你仍然需要编辑你的精灵表，但我确信使用 Photoshop 的 sooneone 血统可以使它变得容易：

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");
});