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

Question

Uso los iconos de jQuery en mi proyecto asp.net mvc. Usualmente uso íconos grises, pero ahora quisiera un ícono blanco para mi botón azul (ver a continuación).

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 icono de color a blanco?

Gracias

Answer 1

se puede jugar con los sprites utilizados en ese conjunto de iconos:

White Icon Set (ui-icons_ffffff_256x240.png)

tienda que sprite en algún lugar, a continuación, hacer referencia a ella en una hoja de estilo se puede aplicar a la nada botones:

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

a continuación, cuando se desea un icono conjunto blanco, aplicar ese estilo:

<span class="ui-icon ui-icon-white ui-icon-pencil"></span>