title: Can't override user agent stylesheet coloring my links
body: <p>It's always these simple problems that snag me.</p>
  
  <p>I have a very simple page I'm building, and I want the hyperlinks to not be colored specially at all (not blue originally, not purple for visited) or underlined.</p>
  
  <p>I've done this in other sites before without issue simply by using</p>
  
  <pre><code>a, a:visited, a:hover, a:active {
      text-decoration: none;
      color: none;
  }
  </code></pre>
  
  <p>However, in this particular site, that's not doing the trick for the color, while the underline is successfully removed. I even tried adding the dreaded <code>!important</code> tag, with no effect.</p>
  
  <p>This issue has been seen on Chrome, IE 11, and Android (WebView).</p>
  
  <p>When I inspect the links using Chrome's Developer console, it's pulling its <code>color</code> attribute from the <code>user agent stylesheet</code>, specifically:</p>
  
  <pre><code>a:-webkit-any-link {
      color: -webkit-link;
  }
  </code></pre>
  
  <p>So I tried overriding this explicitly in my stylesheet by adding <code>a:-webkit-any-link</code> to my list of tags to apply the <code>color: none</code> attribute to, again, to no effect. I also added <code>a:any-link</code> and <code>a:link</code> in various combinations, to no avail.</p>
  
  <p>Thoughts on the obvious solution I'm overlooking?</p>