title: @media print for chrome not working
body: <p>Alright, just by the title all of you must think this is a duplicate, but I have tried quite some results from StackOverflow, to no luck.</p>
  
  <p><code>@media print</code> worked for Firefox. When I tried using Chrome, it is a mess.</p>
  
  <p>Lots suggested the use of <code>@media screen and (-webkit-min-device-pixel-ratio: 0)</code>, which I did. But Chrome doesn't read all selectors and properties.</p>
  
  <p>For example, I have:</p>
  
  
  
  <pre class="lang-css prettyprint-override"><code>@media screen and (-webkit-min-device-pixel-ratio: 0) {
      a[href]:after {
          content: none !important;
      }
  }
  </code></pre>
  
  <p>This will not remove the <code>href</code> values in print view.</p>
  
  <pre class="lang-css prettyprint-override"><code>@media print {
      a[href]:after {
          content: none !important;
      }
  }
  </code></pre>
  
  <p>This worked perfectly for Firefox. But, of course, since it's <code>@media print</code>, this doesn't work for Chrome at all.</p>
  
  <p>I even tried <code>* {  transition: none !important  }</code>, which lots people say worked and it still didn't work for me.</p>
  
  <p>Of course, I also added</p>
  
  <pre class="lang-django prettyprint-override"><code>&lt;link rel="stylesheet" media="print" href="{% static "css/print.css" %}"&gt;
  </code></pre>
  
  <p>Some even said "Use JavaScript to detect if it's Chrome user agent", which I tried too, but I've already deleted the code, so I can't post it here.</p>
  
  <p>Lots of the results are from years ago. I think the most recent one is from 2014. I wonder if it's because Chrome updated or something, and that's why they used to work but not anymore.</p>
  
  <p>These two sites are kind of the most popular ones, but still no luck trying what they wrote.</p>
  
  <p><a href="http://lawrencenaman.com/optimisation/print-media-queries-not-working/" rel="nofollow noreferrer">Print media queries not working?</a></p>
  
  <p><a href="https://www.smashingmagazine.com/2013/03/tips-and-tricks-for-print-style-sheets/" rel="nofollow noreferrer">Tips And Tricks For Print Style Sheets</a></p>
  
  <p>Can anyone please give me an idea or does anyone know how I can make it work on Chrome?</p>
  
  <p>Thanks in advance (hopefully this isn't a duplicate because I saw so many threads and all of them pretty much link to the answers I tried above).</p>
  
  <p>If anyone has any suggestions on what I should do, please let me know.</p>