WinJS CSS styling for .win-toolbar-overflowareabutton not working -


i'm trying set color on view more button , labels on winjs toolbar following documentation here.

link winjs.ui.toolbar object documentation.

here link styling appbars , toolbars (html).

i using winjs 4.4.0. release.

this css styling code using(it in default css file):

.win-toolbar .win-toolbar-overflowareabutton{     color:blue; } 

have tried these:

.win-toolbar win-toolbar-overflowareabutton{     color:blue; }  .win-toolbar .win-toolbar-overflowbutton{     color:blue; }  .win-toolbar win-toolbar-overflowbutton{     color:blue; } 

i note other styling toolbar working.

update

would work, in case want use other colors besides defaults found in:

<link href="winjs/css/ui-dark.css" rel="stylesheet" /> <link href="winjs/css/ui-light.css" rel="stylesheet" /> 

any thoughts? thank checking out. - rob0

following advice here.

one need dig through 1 of winjs css files find appropriate code used style elements.

the view more button known ellipsis button can styled this:

.win-commandingsurface button.win-commandingsurface-overflowbutton:enabled .win-commandingsurface-ellipsis{     color:blue; } 

this found on ln 6138 of ui-dark.css file.

for command image used:

.win-commandimage{     color:blue; } 

and command label had use 2 styles if wanted color change. other 2 above automatically you.

button .win-label{     color:blue; }  button:hover .win-label{     color:white; } 

hope helps.

-rob0


Comments

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

jquery - Clone last and append item to closest class -

c - Unrecognised emulation mode: elf_i386 on MinGW32 -