title: Chrome user agent stylesheet overwriting my site style
body: <p>I have the following CSS that styles the link on one of my pages:</p>
  
  <pre><code>a:link, a:visited, a:active {
      color: white;
      text-decoration: none;
      font-weight: bold;
  }
  </code></pre>
  
  <p>However, when I load it, they appear blue in Chrome and white in Firefox. The Chrome dev tools reveal that my style supposedly overwrites the user agent stylesheet:</p>
  
  <p><img src="https://i.stack.imgur.com/FlIjd.jpg" alt="enter image description here"></p>
  
  <p>Why is it not showing correctly? I tried setting the charset at the top of my stylesheet:</p>
  
  <pre><code>@charset "UTF-8";
  
  html, body {
      width: 100%;
      height: 100%;
      margin: 0;
      font: 11px "Lucida Grande", Arial, Sans-serif;
  }
  
  a:link, a:visited, a:active {
      color: white;
      text-decoration: none;
      font-weight: bold;
  }
  
  input[type=email], input[type=password] {
      display: block;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border: 1px solid #ACE;
      font-size: 13px;
      margin: 0 0 5px;
      padding: 5px;
      width: 203px;
  }
  </code></pre>
  
  <p>But it didn't help. My stylesheet is linked in the head with:</p>
  
  <pre><code>&lt;link href="/assets/global.css?body=1" media="screen" rel="stylesheet"
  type="text/css"&gt;
  </code></pre>
  
  <p>And the html code for the links:</p>
  
  <pre><code>&lt;a href="/users/sign_in"&gt;Sign in&lt;/a&gt;
  &lt;a href="/users/password/new"&gt;Forgot your password?&lt;/a&gt;
  &lt;a href="/users/auth/facebook"&gt;Sign in with Facebook&lt;/a&gt;
  </code></pre>
  
  <p>This is what they look like in Chrome (13.0.782) - incorrect:</p>
  
  <p><img src="https://i.stack.imgur.com/qlHa0.jpg" alt="enter image description here"></p>
  
  <p>This is what they look like in Firefox - correct:</p>
  
  <p><img src="https://i.stack.imgur.com/23yyC.jpg" alt="enter image description here"></p>
  
  <p>It looks like the user agent stylesheet is overwriting my style. Why?</p>