Sorry, didn't read your question thoroughly enough.
It looks like you understand the css inheritence problem.
Why not just use
.gwt-DecoratedTabBar .tabTopRight {
}
as the CSS class? Do you have more than one tabbar this would effect?
If so, could you wrap the tabbar in a container with a css class name,
and then use:
.container .gwt-DecoratedTabBar .tabTopRight {
}
Good luck.
On Mar 20, 12:09 pm, ProtoLD <[email protected]> wrote:
> All the other CSS styles are easily applied after setting a style name
> to the tab bar and addressing them as follows:
>
> .customizedStyleName .tabTopCenter {
> background-image: url('images/centerTopImage.gif');
>
> }
>
> but this doesn't appear to work for the two corners, the base GWT
> overrides my CSS. The CSS for the right corner looks like this:
>
> html > body .gwt-DecoratedTabBar .tabTopRight {
>
> when inspecting it in Firebug (yah Firefox). Can anyone tell me how
> to override this?
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
