CODEWITHSUNDEEP
csstelerik-reporting
just.another.programmer
just.another.programmer

Reputation: 8785

Ignore a CSS rule from a stylesheet

I am using Telerik Reporting with an MVC 3 site. I followed this tutorial to set up my report viewer page and have the CSS conflict issue mentioned at the end of the tutorial. They recommend just removing the rules from Site.css so their styles will apply properly.

I don't really like that solution. I want to be free to use the Site.css styles on all my non Telerik report pages and still have Telerik work properly. Is there a way (css or javascript) to remove the offending rules from my stylesheet on the report page only?

Upvotes: 2

Views: 889

Answers (1)

Alfo
Alfo

Reputation: 4819

Put a class on the body of your report page

<body class="report">

And then in your style sheet:

.report .someelement {
     // The styles that fix the problem, e.g.
     position: static;

}

Upvotes: 2

Related Questions