Apr 02, 2013, 8:31 PM
[CLOSED] How to override CSS when ExtJS renders different styles / elements for different browsers
I want to change the background of the active tab. I created a style that works great in IE9. However, the same style breaks the IE8 tabs and in Chrome, it doesn't do anything. So as a general rule, what's the best way to override styles? In IE8, ExtJS renders tables for tabs but in IE9 and Chrome, it uses divs and HTML5 styles to achieve round corners.
.x-tab-active .x-tab-inner {
font-weight: bold !important;
}
.x-nlg .x-tab-active {
background-image: url('../Images/Common/activetab.png') !important;
box-shadow:none !important;
border-top-color: $border-color-hl;
}
Last edited by Baidaly; Apr 03, 2013 at 4:55 AM.
Reason: [CLOSED]