windows-8 - 在 winJs 中更改 AppBarCommand 的图像样式

Question

我已经在 windows 8.1 的 winJs 2.0 中看到了新的导航栏控件，非常简单。

但是他们是如何在 Windows 8 中开发天气应用导航栏的呢？我的意思是漂亮的大方形按钮而不是小圆形按钮？

我发现的唯一方法是拥有一个 appbar 并且不使用任何 AppBarCommands（因为我找不到改变它们形状的方法），而只使用 div 并手动进行所有样式设置。

这是唯一的解决方案还是可以将圆平方？

Answer 1

最后我自己发现了，更改这些类可以完全改变 AppBarCommand 的样式：

CSS class           Description
win-command         Styles the entire AppBarCommand.
win-commandicon     Styles the icon box for the AppBarCommand.
win-commandimage    Styles the image for the AppBarCommand.
win-commandring     Styles the icon ring for the AppBarCommand.
win-label           Styles the label for the AppBarCommand.

例如将圆平方：

.win-appbar .win-commandring
{
    border-radius: 0;
}

.win-appbar:hover .win-commandring
{
    border-radius: 0;
}

覆盖所有默认行为是一项艰巨的工作，但可以做到。

看看这个以获取主要样式的示例：http: //msdn.microsoft.com/en-us/library/windows/apps/jj839733.aspx