Изменить цвет WinJS.UI.BackButton (Win 8.1 back button)

Question

Я начинаю разработку Windows 8 с помощью WinJS. Я использую тему Light UI, но я установил более темную область слева от страницы (где находится черная кнопка возврата), и проблема в том, что вы не видите кнопку.

Я пробирался по страницам MSDN, и я мог найти, как стилизовать кнопку, которая на самом деле не объясняет, как изменить цвет фактического актива.

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

Я также попытался добавить: беспроигрышная UI-легкие и обоюдного Ui-темные классы кнопки без успеха.

Я задавался вопросом, может ли кто-нибудь указать мне в правильном направлении?

Большое спасибо за ваше время

Chris

Answer 1

Я использовал DOM Explorer, чтобы найти значения кнопок по умолчанию и перезаписать их. Это был ребенок элемент, который должен был быть перезаписаны: .win спине

Answer 2

Прежде всего, вы должны удалить ссылки тег, который содержит CSS UI по умолчанию и добавить его к документу голову, Dynamically.see ниже код:

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 или «UIstyle()» для темного;