2 input boxe der skal se forskellig ud
Jeg har en formular med text fields og checkbox. Jeg vil gerne have at der er en grå border på text fields men ikke på chechbox.Kan det lade sig gøre??
Jeg sender min kode med:
<table width="324" border="0" bgcolor="96C5EE">
<form method="post" onSubmit="return checkSubmit(this)" action="mailscript2.php">
<tr>
<td width="183">Navn:
<input type="hidden" name="skjultnavn" value="Nave:"> <br> <input type="text" name="navn" size="25" value="">
</td>
<td width="168"> Alder:
<input type="hidden" name="skjultalder" value="Alder:"> <br> <input type="text" name="alder" size="10" value="">
</td>
</tr>
<tr>
<td>Adresse:
<input type="hidden" name="skjultadresse" value="Adresse:"> <br> <input type="text" name="adresse" size="25" value="">
</td>
<td> By:
<input type="hidden" name="skjultby" value="By:"> <br> <input type="text" name="by" size="10" value=""> </td>
</tr>
<tr>
<td colspan="2">E-mail:
<input type="hidden" name="skjultmail" value="E-mail:"> <br> <input type="text" name="email" size="25" value="">
</td>
</tr>
<tr>
<td colspan="2"> <br>
Hvilken gruppe/grupper ønsker du at deltage i ?
<input type="hidden" name="skjultgruppe" value="Ønsker at deltage i følgene grupper:">
<br> <input type="checkbox" name="boern" value="boernefaglige">
1<br> <input type="checkbox" name="kreativ" value="kreative">
2<br> <input type="checkbox" name="praktisk" value="praktiske">
3<br> <input type="checkbox" name="markede" value="markedesorienteret">
4</p> </td>
</tr>
<tr>
<td colspan="2">Eventuelle kommentarer:
<input type="hidden" name="skjultevt" value="Evt:">
<br> <textarea rows="6" name="evt" cols="50" ></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Send" name="send" >
<input type="reset" value="Nulstil" name="reset" ></td>
</tr>
</form>
</table>
Mit css ser ud som følgende:
form {
font-family: Verdana;
font-size: 9px;
border-top-width: 1pt;
border-right-width: 1pt;
border-bottom-width: 1pt;
border-left-width: 1pt;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
input {
background-color: 96C5EE;
border: 1px solid #CCCCCC;
}
textarea {
font-family: Verdana;
font-size: 9pt;
border: 1px solid #CCCCCC;
background-color: #96C5EE;
}
