title: Disable chrome user agent stylesheet * selector for SVGs?
body: <p>I noticed recently that Chrome applies the following CSS rule to all SVG elements (regardless of how they are embedded [object, embed, iframe, or inline]):</p>
  
  <pre><code>* {
    -webkit-transform-origin-x: 0px;
    -webkit-transform-origin-y: 0px;
    -webkit-transform-origin-z: initial;
  }
  </code></pre>
  
  <p>Running the CSS selector profiler, the * selector is by far the biggest performance hit. This appears to cause scrolling, etc to feel sluggish with several very complex SVGs in a page.</p>
  
  <p>My question is: how can I get around this? Is there any way to <strong>delete</strong> this rule (not override, because in this case that would cause selector performance to be <em>worse</em>)?</p>
  
  <p>Perhaps this was an oversight by the Chrome team, or maybe it's there for reasons I don't understand (bonus points to anyone who can also explain <em>why</em> it's there and if I'm wrong to want it gone).</p>
  
  <p>Perhaps also I'm reading the profiler incorrectly. Here's a screenshot (irrelevant selectors removed).</p>
  
  <p><img src="https://i.stack.imgur.com/wWw9G.jpg" alt="* selector in Chrome CSS profiler"></p>
  
  <p>I know I'm asking a lot of questions here, but is there a reason (other than it simply hasn't been implemented yet) why the "Source" column is not populated?</p>