¿Cómo puedo aumentar el tamaño predeterminado 16px del conjunto de iconos de Jquery-UI?

Question

Quiero aumentar el tamaño de los iconos de JQuery de 16 a 24px.

Answer 1

estoy bastante seguro de que los iconos están empaquetados en una cuadrícula de sprss css por lo tanto no puede ser más grande ... lo único que se me ocurre es agregar un margen alrededor pero el ícono aún sería pequeño en el medio de mayor espacio libre

o incluso abrir el sprite y hacer iconos más grandes! ;)

Aquí lo que me gustaría probar (que todavía tendría que editar la hoja de sprites, pero estoy seguro de ascendencia soneone con Photoshop puede hacer más fácil:

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

Answer 2

se puede añadir un zoom de estilo CSS, aunque esto no funciona en todos los navegadores, por ejemplo,

.zoomClassPercent { 
zoom:150%; 
} 

.zoomClassRatio { 
zoom:1.5; 
}