title: Remove CSS property completely
body: <p>I have a button, which when clicked loads an additional CSS file, that overrides a great part of the basic CSS files. (this is for accessibility purposes if you wonder)</p>
  
  <p>Let's say I have a <code>background</code> and <code>background-color</code> properties used in multiple selectors for <code>input[type='text']</code>. I want to reset/delete those. I DON'T want to set a new value for those background properties, I want to remove them, so that the browser will render everyting as it would by default.</p>
  
  <p>The reason for this is because in high contrast mode with black background color to the body in Firefox, any background set to <code>input</code> or <code>button</code> will override it with a value equal to the text color which will make the value of the input or the button unreadable. But that's another story...</p>
  
  <p><strong>EDIT: Since everybody so far is telling me to set some new property to those, I'm writing it in bold big letters - I DON'T NEED TO SET NEW PROPERTY FOR <code>background</code>. :)</strong> The reason behind that if that property is present Firefox defaults it to black if the background set in the high contrast mode is black as well. To test this, go to <code>Preferences -&gt; Content -&gt; Colors</code> and check <code>Allow pages to choose their own colors, instead of my selections above</code>. <a href="https://s3.amazonaws.com/f.cl.ly/items/2B0p430O011T1q2p0A12/Content.png" rel="nofollow">Here's how my options look</a>.</p>