Copying your exact CSS I still get no change for the font color...the
background is the only thing that changes (IE6/FF3)

Heres a screenshot of the bit in firebug;
http://www.darkflame.co.uk/temppics/Image2.jpg
Note the css has changed to red, but no effect on the text.


On Feb 23, 9:06 pm, Sean <[email protected]> wrote:
> I tried your example and the text color changes. I used very different
> colors to make sure I was seeing what I wanted and to make sure they
> were web viable.
>
> CSS:
> .image-ToggleButton
> {
>     background-color            :    black;
>     color                       :    white;
>
> }
>
> .image-ToggleButton-up-hovering
> {
>     color                       :    red;
>     background-color            :    blue;
>
> }
>
> .image-ToggleButton-down, .demo-ToggleButton-down-hovering
> {
> color                       :    green;
>     background-color            :    yellow;
>
> }
>
> On Feb 22, 8:50 am, darkflame <[email protected]> wrote:
>
>
>
> > I'm having trouble setting the text color of the text used for a
> > toggle button.
>
> > My togglebutton is just;
>
> > ToggleButton autoFill = new ToggleButton("(auto.)","(auto)");
> >  autoFill.setStylePrimaryName("image-ToggleButton");
>
> > I can set the background color, and various other text styles using
> > css like;
>
> > .imageToggleButton
> > {
> >     background-color            :    #ffa;
> >     color                       :    #555;
>
> > }
>
> > .image-ToggleButton-up-hovering
> > {
> >     color                       :    #009;
> >     background-color            :    #ffd;
>
> > }
>
> > .image-ToggleButton-down, .demo-ToggleButton-down-hovering
> > {
> > color                       :    #CCC;
> >     background-color            :    #ff0;
>
> > }
>
> > The background color changes as you would expect, but the text stays
> > black.
> > Even specificly adding/removing a style ver a click-listener dosnt
> > help.
>
> > Looking at firebug, it seems the styles are being applied, but the
> > text is being overridden to the default style.
>
> > div, td {
> > color:#000000;
>
> > }
>
> > Presumably because the text has "html-face" class applied.
>
> > So has anyone got any ideas how I'm supposed to change the text color
> > of a ToggleButton?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to