jquery - jQuery アイコンの色をグレーから白に変更

Question

asp.net mvc プロジェクトで jQuery アイコンを使用しています。通常はグレーのアイコンを使用しますが、今は青いボタンに白いアイコンを使用したいと考えています (以下を参照)。

ここに画像の説明を入力

使用したコードは次のとおりです。

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

アイコンの色を白に変更するにはどうすればよいですか?

ありがとう

score 12 · Accepted Answer

そのアイコンセットで使用されているスプライトをいじることができます。

そのスプライトをどこかに保存し、青いボタンに適用できるスタイルシートで参照します。

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

次に、白いアイコンセットが必要な場合は、そのスタイルを適用します。

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

2 に答える 2