Style class in html input feild area

Hi all.

Not to sure if this is the right forum but here goes.

I have a form with various feilds and one of them is hidden unless a checkbox is selected. All the rows in the form have a style applied to them and renders the background colour to “#FEFEFE”.

The problem I have is the row with the hidden feild is not showing the same colour. Below is the row concerned.

[code=html]
<tr valign=”baseline”>
<td align=”right” nowrap class=”coursesubheaders”>VAT Number:</td>
<td class=”requiredfeilds”>&nbsp;</td>
<td colspan=”2″ class=”bookingformrowbg” id=”hidden-input” style=”display:none”>
<input name=”vat_number” type=”text” class=”coursetext” id=”vat_number” size=”20″ /></td>
</tr>
[/code]

The function for the hidden feild is:

[code=html]
function unhide (it, box) {
var check = (box.checked) ? “block” : “none”;
document.getElementById(it).style.display = check;
}
[/code]

My question is why is the row with the hidden feild not accepting the style class.

Anyone any ideas.

Many thanks

dereck

Also in #CSS _↴