title: Print Stylesheet - Converting inputs to text
body: <p>I've got a table that has some <code>&lt;input type="text"&gt;</code> boxes in it, and I want these to show as normal text when printing. I have set up a media="print" stylesheet with</p>
  
  <pre><code>input
  {
  border-style: none;
  }
  </code></pre>
  
  <p>in it, and this removes the border so the content just looks like text, but the input is still pushing the width of the column to its actual width (not surprisingly) so I get unnecessary empty space and column widths. Is there a funky way to somehow either set the input's width to its content size using CSS, or some other way to fix this?</p>
  
  <p>Someone on another forums suggested using a print button which creates client side scripting to physically change the page markup, but unfortunately that's not really practical due to the complexity and dynamic nature of the page.</p>
  
  <p>I'm pretty sure this can't be done, but I thought I'd ask.</p>