Cambia el color del icono de jQuery a blanco en lugar de gris

Uso íconos jQuery en mi proyecto mvc de asp.net. Usualmente uso íconos grises pero ahora me gustaría un ícono blanco para mi botón azul (ver más abajo).

introduzca la descripción de la imagen aquí

Aquí está el código que utilicé:

$(".editUser").button({ icons: { primary: "ui-icon-pencil"} }); $(".deleteUser").button({ icons: { primary: "ui-icon-trash"} }); 

¿Cómo puedo cambiar el color del icono a blanco?

Gracias

Puedes jugar con el sprite usado en ese conjunto de icons:

Conjunto de icons blancos (ui-icons_ffffff_256x240.png)

Almacene ese sprite en algún lugar, luego cámbielo en una hoja de estilo que pueda aplicar a los botones azules:

 .ui-icon-white { background-image: url("images/ui-icons_ffffff_256x240.png"); } 

Luego, cuando quieras un conjunto de icons blancos, aplica ese estilo: