On 3 oct, 12:12, Zied Hamdi <[EMAIL PROTECTED]> wrote:
> Hi folks,
>
> I'm new to GWT (but I read the tutorial). I need to give my tabs a
> different color, and this is what I see in my firebug:
>
> .gwt-TabBar .gwt-TabBarItem {standard.css (line 870)
> background:#D0E4F6 none repeat scroll 0%;
> color:black;
> cursor:pointer;
> font-weight:bold;
> margin-left:6px;
> padding:3px 6px;
> text-align:center;}
>
> .gwt-TabBar-Into .gwt-TabBarItem {main.css (line 55)
> background:#EEEEEE none repeat scroll 0%;
> color:#6F6F6F;
>
> }
>
> so the standard css background and color are overriding my locally
> defined attrs in main.css.
>
> Is it due to a bad configuration? or is it the way it is supposed to
> work?How is the main.css included? It might be a "priority" problem: if main.css is loaded before standard.css (which will probably be the case if main.css is not GWT-injected with a <stylesheet> in your module's gwt.xml), given that the two selectors have the same "specificity" [1], their rules are evaluated in the order they've been loaded, so the background and color set in standard.css will override the one set in your main.css. Try adding an "!important" to your rules and see if they're applied (with !important, the rules in standard.css won't override your own ! important rules, even though they are evaluated after them). If that's the case, try to find a way for your stylesheet to be loaded after standard.css (and remove the !important, which is bad practice and recommended for user-stylesheets only [2]), either by getting your main.css injected by GWT, or by inheriting StandardResources (instead of Standard) and calling the standard.css by yourself... If I were you however, I'd file a bug to have the injected stylesheet come *before* the existing ones so that the ones already present in the page override the injected stylesheets... [1] http://www.w3.org/TR/CSS21/cascade.html#specificity [2] http://www.w3.org/TR/CSS21/cascade.html#important-rules --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
