I have never tried to style a form with hidden attributes, but for the life of me I cannot figure this out. I have tried adding a class, etc. to the hidden inputs, but still nothing. Any form of style I add
seems to just effect the outer parameters of the actual form.
<form id="search" name="search" form method="get" action="find_search.php">
<input type= "text" name= "q" value="" />
<input type="hidden" name= "cat" value="" />
<input type="hidden" name= "time" value="0" />
<input type="hidden" name="letter" value="" />
<input type="hidden" name="offset" value="0" />
<input type="hidden" name= "type" value="quick" />
<input type="submit" value="Search" />
</form>
#search {
width:50%;
padding:10px;
outline:none;
height:36px;
}
.focusField {
border:solid 2px #73A6FF;
background:#EFF5FF;
color:#000;
}
.idleField{
background:#EEE;
color:#6F6F6F;
border: solid 2px #DFDFDF;
}
Thanks in advance!