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

我开始使用WinJS进行Windows 8应用程序开发。我使用Light UI主题，但我在页面左侧（黑色后退按钮所在的位置）设置了较暗的区域，问题是：您看不到按钮。更改WinJS.UI.BackButton的颜色（Win 8.1后退按钮）

我已经浏览了MSDN页面，并且我能找到的最多的是如何设计一个按钮，但实际上并未解释如何更改实际资产的颜色。

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

我也尝试添加：双赢的UI光，赢得-UI-黑暗类的按钮，但没有成功。

我想知道是否有人能指引我走向正确的方向吗？

您的时间非常感谢

克里斯

来源

2013-12-12 Chris Spittles

给该按钮一个'ID'并通过CSS为其分配新的背部和前部颜色？ – WiredPrairie

我使用DOM资源管理器找按钮默认值，并覆盖它们。它是需要覆盖的子元素：.win-back

来源

2013-12-12 12:29:45

是的，使用DOM浏览器是找到需要使用的样式类的好方法。在我的免费电子书第5章中，我也有更好的样式文档，这些书是HTML，CSS和JavaScript第二版编程Windows商店应用程序。预览位于http://aka.ms/BrockschmidtBook2。您可能还需要包含“.win-navigation-backbutton：hover .win-back”以及还有：活动变体以控制其他状态。（对于设置默认设置的选择器，也可以在WinJS样式表中查找）。 –

这是非常棒的建议，并感谢免费电子书！很有帮助。 –

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

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（）”;

来源

2014-02-06 19:56:44

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

回答

相关问题