Ticket #4044 (closed bug: fixed)

Opened 5 years ago

Last modified 4 years ago

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:
Blocking: Blocked by:

Description (last modified by klaus.hartl) (diff)

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

comment:1 Changed 5 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 5 years ago by klaus.hartl

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

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

Are we talking about IE6?

comment:5 Changed 5 years ago by Sam

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

comment:6 Changed 5 years ago by klaus.hartl

  • Status changed from closed to reopened
  • Resolution invalid deleted

comment:7 Changed 5 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 5 years ago by klaus.hartl

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