locked
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 ??
    Tuesday, September 04, 2012 1:09 PM

Answers

  • 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)

    • Marked as answer by Dino He Monday, September 24, 2012 5:51 AM
    Wednesday, September 05, 2012 11:38 AM
    Moderator

All replies

  • 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)

    Tuesday, September 04, 2012 6:56 PM
    Moderator
  • When I tried this , it changes the color of the border of dropdown on hover, but not the arrow color.

    Wednesday, September 05, 2012 8:13 AM
  • 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)

    • Marked as answer by Dino He Monday, September 24, 2012 5:51 AM
    Wednesday, September 05, 2012 11:38 AM
    Moderator