Your example is more complicated then mine. Try breaking ti down.
Nothing but a toggle button and a RootPanel.
ToggleButton autoFill = new ToggleButton("Auto","Auto");
autoFill.setStylePrimaryName("image-ToggleButton");
RootPanel.get().add(autoFill);
Your button looks like it's in a table, and that may be causing some
problems. (Though, the FB Screenshots don't show it is). Perhaps some
formatting from that table is over writing your button some how. Start
basic, then slowly add the elements around it and figure out when your
formatting dies. Hopefully you can track down the problem from there.
On Feb 23, 4:07 pm, Darkflame <[email protected]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
