Thay đổi màu biểu tượng jQuery thành trắng thay vì màu xám

Question

Tôi sử dụng biểu tượng jQuery trong dự án asp.net MVC của mình. Thông thường tôi sử dụng các biểu tượng màu xám nhưng bây giờ tôi muốn có một biểu tượng màu trắng cho nút màu xanh của tôi (xem bên dưới).

Đây là mã tôi đã sử dụng:

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

Làm thế nào tôi có thể thay đổi màu sắc biểu tượng sang màu trắng?

Cảm ơn

Answer 1

bạn có thể chơi xung quanh với các sprite sử dụng trên mà biểu tượng thiết lập:

White Icon Set (ui-icons_ffffff_256x240.png)

cửa hàng mà Sprite nơi nào đó, sau đó tham khảo nó trong một tấm phong cách bạn có thể áp dụng đối với các màu xanh nút:

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

Sau đó, khi bạn muốn có một bộ biểu tượng màu trắng, áp dụng phong cách:

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