Override CSS styles set for HTML tag

css, html

Solution

Add a class to the html element and then use some inline styling to override the external stylesheet's styling. You could also place the inline style in an external style sheet which would be best practice.

<html class="myHtmlTag">
   <head>
     <link href="externalStyle.css" rel="stylesheet"/>
    <style>
     html.myHtmlTag{
       background: none !important;
       background-image:none !important;
     }
    </style>
   </head>
   <body></body>
</html>

Problem

My page is referencing an CSS style sheet with the definition: ``` html {background-color:#FFFFFF;background-image:url('../images/Background.png');background-repeat:repeat-x; } ``` How do I overwrite the `background-image` element at the page level? I need to overwrite the setting for just one page in my application.

Original source