COGNOiSe.com - The IBM Cognos Community

IBM Cognos 8 Platform => COGNOS 8 => Report Studio => Topic started by: snowy on 06 May 2011 06:55:50 AM

Title: Definining .hover behaviour in GlobalReportStyles.css
Post by: snowy on 06 May 2011 06:55:50 AM
We're trying to define the mouseover properties of a report text element, using the GlobalReportStyles.css file.

We have successfully modified the appearance of the hyperlink class as follows:

.hy /* hyperlink */
{
   color: black;
   cursor: pointer;
   border-bottom:1px dashed #BEBEBE;
}

and this works fine in the report. However, we also want to define the .hover behaviour (or pseudo class) for the hyperlink class, with something like this:

.hy:hover /* hyperlink hover-over*/
{
   border-bottom:1px solid #FFFFFF;
}

But this seems to be ignored by the report. We've tried various things but have had no success so far. Is it possible? Or should we be using another method?