Formulare mit CSS verschönern

  • Ein Formular muss heutzutage nicht mehr in 0815 Design erstellt werden. Was halten Sie davon: gewöhnliches Eingabefeld / gestyltes Eingabefeld <input name="" size="40" maxlength="60" value="CSS-Dokumentation"> <input name="" size="40" maxlength="60" value="CSS-Dokumentation" style="border: dotted 1px #ff8000; color: #0000e0;"> Der Code hierfür ist: Der Code hiezu lautet:<input name="" size="40" maxlength="60"value="CSS-Dokumentation" style="border: dotted 1px #ff8000;color: #0000e0;">Oder wie wäre es mit färbigen Buttons? Normaler Button / Button mit <em class="code">border</em>, <em class="code">color</em> und <em class="code">background-color</em><input type="button" value="Button"> <input type="button" value="Button" style="border: solid 1px black; background-color: #00e0ff; color: #001060;"><div class="navr"></div> Der Code hierfür ist: <input type="button" value="Button"style="border: solid 1px black; background-color: #00e0ff;color: #001060;"> Auch Auswahllisten lassen sich verändern ;-) Normale Auswahlliste / Mit CSS modifizierte Liste <select name="" size="1"><option>Option 1<option>Option 2<option>Option 3</select><select name="" size="1" style="background-color: #00c0ff; color: #0070c0;"><option>Option 1<option>Option 2<option>Option 3</select> Hierfür lautet der Code:<select name="auswahlliste" size="1"style="background-color: #00c0ff; color: #0070c0;"><option>Option 1<option>Option 2<option>Option 3</select>Ein normales Textarea und ein verschönertes ;-) <textarea name="" rows="10" cols="50"></textarea><textarea name="" rows="10" cols="50" style="scrollbar-base-color: #0098ff; scrollbar-arrow-color: #006898; background-color: #e0e0e0;"></textarea> Na dann gebt einfach diesen Code ein:<textarea name="" rows="10" cols="50"style="scrollbar-base-color: #0098ff; scrollbar-arrow-color: #006898;background-color: #e0e0e0;"></textarea>