[CSS]hidden input zichtbaar door css

[Verwijderd]

Hi mensen,

ik heb voor het layouten van mijn formulieren de volgende code gebruikt:

Cascading Stylesheet:

label{float:left; display:block; color:#333; font: bold 12px arial;} 
input {border: 1px solid #666; display:block; margin:0px 0 10px 130px;} 

HTML:

    <label>title:</label><input name="title" type="text" size="32" maxlength="32" value="<?=$row_content['title'];?>" />
    <input name="text_id" type="hidden" value="<?=$row_content['text_id'];?>" />

Maar ik heb nu een probleem dat ik wel de borders zie van de hidden input.
Dit wordt veroorzaakt door de display:block maar als ik die weghaal is mijn layout weer niet goed.

Heeft iemand enig idee hoe ik dezelfde opmaak kan houden, dus labels en inputs verticaal uitlijnen en toch de hidden inputs niet hoef te tonen. Of moet ik gewoon een extra class op de hidden inputs zetten met border:0px ?

[Savantas]

Of je zet op de wel zichtbare input-velden een class, of inderdaad maak je een class aan voor de hidden inputs en zet deze op border: 0;. Of je kan de hidden inputs in een span/div zetten die je display: none; meegeeft.
Of je neemt natuurlijk

Cascading Stylesheet:

input[type='hidden'] { border: 0; }

[ Voor 23% gewijzigd door Savantas op 26-02-2007 16:11 ]

[TeeDee]

Savantas schreef op maandag 26 februari 2007 @ 16:09:
Of je neemt natuurlijk

Cascading Stylesheet:

input[type='hidden'] { border: 0; }

Afaik werkt die dus net niet in IE6.