Opened 8 years ago

Closed 8 years ago

Last modified 7 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 8 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 8 years ago by klaus.hartl

  • Resolution set to invalid
  • Status changed from new to closed

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 8 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 8 years ago by klaus.hartl

Are we talking about IE6?

comment:5 Changed 8 years ago by Sam

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

comment:6 Changed 8 years ago by klaus.hartl

  • Resolution invalid deleted
  • Status changed from closed to reopened

comment:7 Changed 8 years ago by klaus.hartl

  • Description modified (diff)
  • Summary changed from Link pseudo classes overwrite themeroller styles to Link pseudo classes overwrite Themeroller styles in IE6

comment:8 Changed 8 years ago by klaus.hartl

  • Resolution set to fixed
  • Status changed from reopened to closed
Note: See TracTickets for help on using tickets.