IE8 doesnt add grid cell style on mouseover

[imohamed]

I am using Version v9.1p_2014-04-10/PowerEdition Development Only (2014-04-10)

we have the following style class for mouseover on grid cell (we have custom skin extending EnterpriseBlue)

.cellOver a, .cellOverDark a, .tallCellOver a, .tallCellOverDark a, .cellSelected a, .cellSelectedDark a, .cellSelectedOver a, .cellSelectedOverDark a {
color: black;
text-decoration: underline;
}

Following is the grid cell rendering in chrome for mouseover

<td height="25" align="left" style="padding-top: 0px; padding-bottom: 0px; width: 228px; overflow: hidden;" class="cellOver">
<div role="presentation" cellclipdiv="true" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;WIDTH:219px;"><a href="/CRMApp/company/CompanyView.do?id=324119">Test123</a></div>
</td>

it has the style classs called "cellOver" so it renders the hyerlink text in black for mouseover as expected.

Following is the rendering of IE8


<td width="121" height="25" align="left" style="border-bottom: #f0f0f0 1px solid; padding-bottom: 4px; padding-left: 4px; text-overflow: ellipsis; padding-right: 4px; font-family: "SourceSansProLight", Arial, Helvetica, sans-serif; white-space: nowrap; color: black; font-size: 11px; overflow: hidden; border-top: #f0f0f0 1px solid; border-right: #c9c9c9 1px solid; padding-top: 4px;">
<a href="/CRMApp/project/ProjectView.do?id=131919">

it doent seem to have that cellOver class so, my hypertext is not highlighted in black.

Is there any way out to fix the issue in IE8 ?

[Isomorphic]

IE8 does not support the CSS selector you are trying to use.

[imohamed]

Any other workaround you recommend for this situation

[Isomorphic]

We don't have enough information to suggest another approach.

Some of the available options are: style every link in the page this way, or apply a modified set of styles to only certain columns via listGridField.baseStyle, or apply styling via a getCellCSSText override.