Change color of DropdownBox's arrow button in WinJS

Question

How to change color of DropdownBox's arrow button in winJS?? By default its coming as black. How to change it ??

Answer 1

You use a pseudo select like this:

select::-ms-expand {
    
    color:   #ff0000;
}

Obviously this would change the color of every select control.  You could scope this to be a particular class or ID by using the '.' or '#" selectors respectively.

-Jeff

 

---

Jeff Sanders (MSFT)

Answer 2

When I tried this , it changes the color of the border of dropdown on hover, but not the arrow color.

Answer 3

What version of the OS are you using?  Works great here!  The border is not affected and only the arrow changes color.

---

Jeff Sanders (MSFT)