title: Firefox not printing white color
body: <p>I have a page where I am printing a <code>&lt;h2&gt;</code> with white color.</p>
  
  <p>When I try to print that <code>&lt;h2&gt;</code> in other color like red, green, blue etc. It prints correctly (correct color), but when I add code to print it in white color it changes and prints in black.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.text-container {
    position: relative;
  }
  
  .text {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #000000 !important;
    opacity: 0.5;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  
  h2,
  h3 {
    color: #ffffff !important;
    margin: 0.05208in;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="text-container"&gt;
    &lt;div class="text-center text"&gt;
      &lt;h2&gt;Som Text&lt;/h2&gt;
      &lt;h3&gt;Some more text&lt;/h3&gt;
      &lt;h3&gt;Some more text&lt;/h3&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is my code. 
  Even I test text with simple <code>&lt;p&gt;</code> tag it reflects the same issue. It works perfectly on chrome. </p>