IE vs Firefox - Grid Header Color

[Adam]

Hi all, sorry for this being a basic one - In FF all works as expected, mouse-over colour is good, header text doesn't get an 'a href' type underscore, sorting doesn't change header text colour.

In IE 6 (sorry the biz demand it...) white header text gets an underline on mouse-over. Once a column has been used for sorting (presume a:visited) it gets a dark text colour (same as the grid main text colour) unless its the current sorted column in which case it stays white.

Obviously CSS is confusing IE somehow. I presume its t-link and t-header that control MVC grid header text: Would anyone have some clues as to why IE doesn't do the same as FF? No laughing at the back there please.

Heres the CSS:

.t-widget,
.t-link,
.t-popup
{
    color: #333;
}

.t-header,
.t-header .t-link
{
    color: #fff;
}

.t-state-hover,
.t-state-hover .t-link,
.t-header .t-state-hover,
.t-group .t-state-hover
{
    color: #333;
}

 .t-header {

    background-color: rgb(0, 51, 153);
    color: rgb(0, 0, 255); /* this is the header here for notsortable */
    font-weight: bold;
}

 .t-header .t-link {

    font-weight: bold;
    color: rgb(0, 255, 0); /* this is the header here for sortable */
}

.t-header {
    background-color: rgb(0, 51, 153);
    font-weight: bold;
}

 .t-header .t-link {
    font-weight: bold;
}

 .t-header .t-state-hover {
    background-color: rgb(6, 64, 168);
    color: rgb(255, 255, 255);
}

Thx in advance.

[Alex Gyoshev]

Hi Adam,

The link / visited / active pseudo-classes are cumbersome to override, therefore we did not include them in the stylesheet. You've got two options:

• remove the :link / :visited / :active pseudo-classes from the CSS template
• add :link / :visited / :active selectors on every .t-link rule,
  .t-header .t-link -> .t-header .t-link:link, .t-header .t-link:visited, .t-header .t-link:active

All the best,
Alex Gyoshev
the Telerik team