Question

我正在使用WinJS开始使用Windows 8 App开发。我正在使用Light UI主题，但我在页面左侧设置了一个较暗的区域（黑色后退按钮所在的位置），问题是：您看不到按钮。

我已经浏览过MSDN页面了，我发现的最多的是如何设置一个实际上没有解释如何更改实际资产颜色的按钮的样式。

http://msdn.microsoft.com/en-us/library/windows/apps/jj835822.aspx

我也试过在按钮上添加：win-ui-light和win-ui-dark类，但没有成功。

我想知道是否有人可以指出我正确的方向？

非常感谢你的时间

克里斯

Answer 1

首先，您必须删除默认包含UI css的链接标记，并将其添加到文档头，Dynamically。请参见下面的代码：

var uistyle;

 // call when your app load or resume.
function onappopen(){           
uistyle = document.createElement('link');
uistyle.href = "//Microsoft.WinJS.2.0/css/ui-dark.css";
uistyle.rel = "stylesheet";
uistyle.id = "UIstyle";
document.head.appendChild(uistyle);}

// call when you want to change UI Style.
function UIstyle(UIbool){      
if(UIbool=='light'){ uistyle.href = "//Microsoft.WinJS.2.0/css/ui-light.css";}
else {uistyle.href = "//Microsoft.WinJS.2.0/css/ui-dark.css";}}

喜欢：UIstyle（'light'）;适用于Windows 8中的轻型UI或适用于黑暗的“UIstyle（）”;

Answer 2

我使用DOM Explorer查找按钮的默认值并覆盖它们。需要覆盖的是子元素：.win-back

更改WinJS.UI.BackButton的颜色（Win 8.1后退按钮）

2 个答案: