Color of a WinJS.UI.ToggleSwitch

Question

Hi

How can I change the default color of the ui toggleswitch?

when I change the color in the div where the control is created, it changes the color of the whole container, instead of just the toggle

Answer 1

There's a sample for that!

http://code.msdn.microsoft.com/windowsapps/App-Branding-sample-9f87b7a2

Take a look at this sample and how it uses CSS to override and set colors and other attributes.

You can also run this and use the DOM explorer to see where the styles come from using the Styles and Trace Styles tabs.

---

Jeff Sanders (MSFT)

Answer 2

Got it. Thanks!

Answer 3

You have to overwrite input[type=range]::-ms-fill-lower background-color