如何在 Metro 应用程序中自定义 Appbar 命令图像？答案

【问题标题】：How to customize Appbar command image in metro apps?如何在 Metro 应用程序中自定义 Appbar 命令图像？
【发布时间】：2012-12-20 22:03:22
【问题描述】：

我有 Metro 应用程序，我正在尝试在其中实现 Appbar 命令控制。我能够显示带有一些图像的 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 进行哪些更改才能使图像保持不变。

谢谢。

【问题讨论】：

【解决方案1】：

您可以使用 :disabled :hover 和 :active 伪选择器并将它们应用到您的 appBar。样式很可能是使按钮稍微移动的原因。本文展示了一些操作方法http://msdn.microsoft.com/en-us/library/windows/apps/jj839733.aspx

【讨论】：