title: What is a user agent stylesheet?
body: <p>I'm working on a web page in Google Chrome. It displays correctly with the following styles.</p>
  
  <pre><code>table {
      display: table;
      border-collapse: separate;
      border-spacing: 2px;
      border-color: gray;
  }
  </code></pre>
  
  <p>It is important to note that I didn't define these styles. In Chrome developer tools, it says <strong>user agent stylesheet</strong> in place of the CSS file name.</p>
  
  <p>Now if I submit a form and some validation error occurs, I get the following stylesheet:</p>
  
  <pre><code>table {
      white-space: normal;
      line-height: normal;
      font-weight: normal;
      font-size: medium;
      font-variant: normal;
      font-style: normal;
      color: -webkit-text;
      text-align: -webkit-auto;
  }
  
  table {
      display: table;
      border-collapse: separate;
      border-spacing: 2px;
      border-color: gray;
  }
  </code></pre>
  
  <p>The <code>font-size</code> from these new styles is disturbing my design. Is there a way to force my stylesheets and if possible, completely overwrite Chrome's default stylesheet?</p>