title: JQuery Generated QRCode Disappears When Printing
body: <p>I have generated a QRCode using <a href="http://jeromeetienne.github.io/jquery-qrcode/" rel="nofollow noreferrer">this</a> Jquery Library.</p>
  
  <pre><code>$('#myid_info_barcode').qrcode();
  </code></pre>
  
  <p>The code above generates a qrcode canvas in <code>myid_infor_barcode</code>.</p>
  
  <pre><code>&lt;div id="myid_info_barcode" class="myid_print_duo_barcode"&gt;
     &lt;canvas width="256" height="256"&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Sy4mC.jpg" alt="enter image description here"></p>
  
  <p>When I printed it using <code>window.print()</code> and <code>media print css</code> using the CSS code below, the QR Code disappears in the print Preview.</p>
  
  <pre><code>@media print {
      .myid_print_duo_barcode
      {       
          margin: auto; 
          border: 1px solid black;   
      }
      .myid_print_duo_barcode &gt; canvas{
          width: 98px !important;
          height: 100px !important;  
          border: 1px solid red; 
      }    
  }
  </code></pre>
  
  <p>Where am I missing?</p>
  
  <p><img src="https://i.stack.imgur.com/EXQao.jpg" alt="enter image description here"></p>