如何在metro應用中定製Appbar命令圖片？

Question

我有我試圖實施Appbar命令控制的metro應用程序。 能夠顯示一些圖像的Appbar，但問題是圖像正在移動時，我突出顯示（懸停）。我的一些代碼是在這裏

.homebtn1 .win-commandimage{ background-image: url('/images/homeActive.png');
width:140px; height:75px; };

.appbarExtraClass .win-commandicon 
{ 
height:75px; 
width:140px; 
margin:0px 2px 2px 2px; 
} 

誰能告訴我我需要爲我上面提到的CSS爲了使圖像常數做出怎樣的改變。

謝謝。

Answer 1

您可以使用：disabled：hover和：active僞選擇器並將它們應用到您的appBar。這些風格很可能就是讓按鈕四處移動。本文介紹了一些如何的http://msdn.microsoft.com/en-us/library/windows/apps/jj839733.aspx

本博客文章顯示了很多着色和定製appbar按鈕http://blogs.msdn.com/b/shawnste/archive/2012/07/17/colorizing-a-modern-win8-javascript-appbar-and-appbarcommands.aspx