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.
