#4044 closed bug (fixed)

Opened February 02, 2009 07:25PM UTC

Closed February 03, 2009 10:35PM UTC

Last modified January 17, 2010 06:07AM UTC

Link pseudo classes overwrite Themeroller styles in IE6

Tab styles get overwritten if pseudo classes like a:link, a:visited are defined in site stylesheet (as '.ui-state-XXX a' used).

Attachments (0)

Change History (8)

Cannot reproduce. Seems to be a specificity issue - in the end every style from Themeroller can break.

resolution:	→ invalid
status:	new → closed

Through higher specificity you can break every single style defined in Themeroller - I don't see a feasible way to guard against that.

It can be somewhat mitigated by changing

.ui-state-XXX a { ... }

.ui-state-XXX a:link, .ui-state-XXX a:visited { ... }

If the styles for links are set as the following in the style sheet:

a:link, a:visited { ... }

Are we talking about IE6?

Yes it is in IE6. Using jQuery UI 1.5 ThemeRoller generated theme.

resolution:	invalid
status:	closed → reopened

description:	jQuery UI theme (tabs) bug (IE). Tab link style overwritten if a:link, a:visited defined in site stylesheet (as '.ui-state-XXX a' used) → Tab styles get overwritten if pseudo classes like a:link, a:visited are defined in site stylesheet (as '.ui-state-XXX a' used).
summary:	Link pseudo classes overwrite themeroller styles → Link pseudo classes overwrite Themeroller styles in IE6

resolution:	→ fixed
status:	reopened → closed

[1983]