將jQuery圖標顏色更改爲白色而不是灰色

我在我的asp.net mvc項目中使用jQuery圖標。通常我使用灰色圖標，但現在我想爲我的藍色按鈕設置一個白色圖標（請參見下文）。將jQuery圖標顏色更改爲白色而不是灰色

enter image description here

這裏是我使用的代碼：

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

如何更改圖標顏色爲白色？

感謝

2012-04-05 Bronzato

你可以玩弄該圖標集中使用精靈：

是精靈在一些地方保存，然後引用它在樣式表就可以申請藍按鈕：

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

然後當你想要一個白色的圖標集，應用該樣式：

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

2012-04-05 12:37:06

非常感謝Brad。 – Bronzato 2012-04-05 12:44:42

更新：白色圖標集的上述鏈接已死亡。這是另一個鏈接：http://strd6.com/stuff/jqui/theme/images/ui-icons_ffffff_256x240.png – Filly 2013-11-05 02:47:30

回答