Windows 8 在winJs中使用AppBar命令更改图像样式

Windows 8 在winJs中使用AppBar命令更改图像样式,windows-8,winjs,windows-8.1,navbar,appbar,Windows 8,Winjs,Windows 8.1,Navbar,Appbar,我在winJs 2.0 for windows 8.1中看到了新的navbar控件,它是一个非常简单的控件 但是他们是如何在Windows8中开发天气应用程序navbar的呢?我是说漂亮的大方形纽扣而不是小的圆形纽扣 我找到的唯一方法是使用appbar,不使用任何appbar命令(因为我找不到更改这些命令形状的方法),而只使用divs并手动执行所有样式设置 这是唯一的解决方案还是可以使圆成正方形?我自己最终发现了这一点,更改这些类可以完全改变AppBar命令的样式: CSS class

我在winJs 2.0 for windows 8.1中看到了新的navbar控件,它是一个非常简单的控件

但是他们是如何在Windows8中开发天气应用程序navbar的呢?我是说漂亮的大方形纽扣而不是小的圆形纽扣

我找到的唯一方法是使用appbar,不使用任何appbar命令(因为我找不到更改这些命令形状的方法),而只使用divs并手动执行所有样式设置


这是唯一的解决方案还是可以使圆成正方形?

我自己最终发现了这一点,更改这些类可以完全改变AppBar命令的样式:

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;
}
克服所有的默认行为是一件困难的工作,但它是可以做到的


请看以下主要样式的示例:

您是否尝试将按钮的
边框半径
更改为
0
?如果我从dom资源管理器中更改其周围的每个类,它确实有效。你能帮我找出哪一个正是我要换的班级吗?