Opened 14 years ago

Closed 14 years ago

Last modified 13 years ago

#4044 closed bug (fixed)

Link pseudo classes overwrite Themeroller styles in IE6

Reported by: klaus.hartl Owned by: klaus.hartl
Priority: critical Milestone: 1.7
Component: ui.tabs Version: 1.6rc6
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by klaus.hartl)

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

Change History (8)

comment:1 Changed 14 years ago by klaus.hartl

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

comment:2 Changed 14 years ago by klaus.hartl

Resolution: invalid
Status: newclosed

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

comment:3 Changed 14 years ago by Sam

It can be somewhat mitigated by changing

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

to

.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 { ... }

comment:4 Changed 14 years ago by klaus.hartl

Are we talking about IE6?

comment:5 Changed 14 years ago by Sam

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

comment:6 Changed 14 years ago by klaus.hartl

Resolution: invalid
Status: closedreopened

comment:7 Changed 14 years ago by klaus.hartl

Description: modified (diff)
Summary: Link pseudo classes overwrite themeroller stylesLink pseudo classes overwrite Themeroller styles in IE6

comment:8 Changed 14 years ago by klaus.hartl

Resolution: fixed
Status: reopenedclosed
Note: See TracTickets for help on using tickets.