Hide form controls when printing an HTML page with CSS

Question

Certain HTML form elements have extra UI attached to them, like the up/down arrows on number. When printing the page however, those buttons are no longer needed, as

Answer 1

Maybe you should use a simple javascript to get only the values of the concerned fields, on print action, change to a printable format, perform the print and change it right back to normal?

Really don't know if doable using only CSS.

You might want to consider using XML parsing mechanism. This is a really convenient method for such tasks.

http://webdesign.about.com/od/xslt/a/xslt-tutorial-1.htm