Print Stylesheet - Converting inputs to text

Question

I\'ve got a table that has some boxes in it, and I want these to show as normal text when printing. I have set up a media=\"print\"

Answer 1

I came across this searching for information on how to style my forms and a few other things.

After messing with some CSS I figured out a CSS only method that works for me.

My forms all have styling that involved color background and a border that is black.

In my print CSS file I copied my form css and changed all of the colors (not the text itself) to white. In other words it hides my text box and displays only the text.

Original CSS - #form textarea, #form input, #form select{ border:1px solid #ffffd; color:#313131; }

Print CSS - #form textarea, #form input, #form select{ border:1px solid #fff; color:#fff; }

Works like a charm =>

Hope this Helps