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

Question

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

Answer 1

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

.zoomClassPercent {
zoom:150%;
}

.zoomClassRatio {
zoom:1.5;
}

Answer 2

我很确定这些图标被打包成一个css sprite网格因此不能更大......我唯一想到的是在它周围增加一个边距但是那个图标在更大的中间仍然很小空的空间。

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

这里我会尝试（你仍然需要编辑你的精灵表，但我确定使用photoshop的soneone血统可以轻松实现：

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