I have created a form with invisible input fields. When it is printed, all of the input fields appear. How do I change the css so the invisibles do not print. This is how it is styled.
<style type="text/css" media="screen">
input.required {background-color: #FFDFE6;}
input:focus {background-color:"AB1726"; color: white;}
label {font-weight: bold;}
required {color: red;}
input.hide {visibility: hidden;}
select.required {background-color: #FFDFE6;}
div.chronoform.a:link, a:visited {
color: #FFFFFF;
}
</style>
