Thanks everyone. That did the trick!
The !important declaration at the end of the CSS lines, as suggested, was also needed. Regards, Richard On Feb 22, 3:37 am, Šobis <[email protected]> wrote: > Maybe browser uses CSS from different file - you mentioned > chrome.css. > > Try to use !important command, which overrides styles from all other > files. > > So your css would be like this > > .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTab- > selected > { > background: red !important; > > } > > Matej > > On Feb 21, 5:05 am, rmmcgr <[email protected]> wrote: > > > > > Hi, > > > I have noticed since 2.0.2 that there seems to now be changes to the > > styling applied to the TabLayoutPanel tabs. > > > Before I 2.0.2 I found that the default TabLayoutPanel had effectively > > no styling (Firefox on Linux) and now there is a distinct background > > colour for the selected tab, the unseleted tabs and a border around > > the area below the tabs. Before the update I was styling the widgets > > I added to the tabs (Labels) to give them the appearance I wanted when > > selected/unselected. > > > I have been using firebug to have a look, and there seems to be a > > class called "gwt-TabLayoutPanelTab gwt-TabLayoutPanelTab-selected" > > that gets applied to the selected tab, and "gwt-TabLayoutPanelTab" (as > > per the JavaDoc) for the unselected ones. (Firebug also says the > > styling is coming from a file called chrome.css, but I am using > > Firefox - I assume chrome.css is meant to refer to the appearance not > > the browser?) > > > If I try and have in my style sheet the following to override it, it > > does not work: > > .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTab- > > selected > > { > > background: red; > > > } > > > What am I doing wrong? Or, what is the best way to style the tabs? > > > Thanks, > > Richard -- 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.
