1
Um in einem Formular ein einheitliches Layout (feste Breite der Eingabefelder, Rahmen um die Felder) sowohl für Texteingabefelder als auch für Dropdowlisten zu erhalten, wurde folgende CSS-Klasse definiert:
Diese wird dann im Formular wie folgt verwendet:
und
Im Firefox sieht das Ergebnis wie gewünscht aus. Im Explorer wird die Dropdown-Liste aber nicht umrandet, d.h. die border-Angabe aus der formfeld-Klasse wird offensichtlich ignoriert (Längenangabe wird beachtet) - warum?
.formfeld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #ffffff;
width: 200px;
border: 1px solid #000000;
font-weight: normal;
}
Diese wird dann im Formular wie folgt verwendet:
<input name="name" type="text" class="formfeld" id="nachname" size="25" maxlength="50" value="">
für Texteingabefelderund
<select name="geschlecht" class="formfeld" id="geschlecht">
<option value="f">Frau</option>
<option value="m" >Herr</option>
</select>
für Dropdown-ListenIm Firefox sieht das Ergebnis wie gewünscht aus. Im Explorer wird die Dropdown-Liste aber nicht umrandet, d.h. die border-Angabe aus der formfeld-Klasse wird offensichtlich ignoriert (Längenangabe wird beachtet) - warum?