title: How do I prevent CSS interference in an injected piece of HTML?
body: <p>I'm currently developing a Safari extension that uses an injected script to further inject some HTML into the current webpage, as well as injecting some other scripts to make it work. This is all working fine, but the issue is that the HTML that is injected gets affected by CSS stylesheets that the webpage has already imported. For example, the HTML looks perfect on Google.com (which has relatively little CSS styling), but awful on StackOverflow.com (which styles buttons etc).</p>
  
  <p>jQuery is injected into the webpage at the time of this HTML being displayed, so I have that available. I've tried all kinds of things, including walking through all of the elements and calling <code>removeClass()</code> on each of them, to no avail. I've also tried to add "CSS reset" classes, etc, but nothing seems to be working.</p>
  
  <p>What's the best way to go around preventing the CSS from interfering with my HTML?</p>