Farve til checkboxes

det er ikke muligt desværre..

jeg har selv kæmpet med det før...

hvis du prøvet at sætte baggrundsfarven på en checkbox, vil den skifte farve lige rundt om checkboksen.
det samme gælder hvis du prøver at skifte border på den, så vil den også ændre på en border der ligger umiddelbart rundt om den kant man ville forbinde med en border.

Jeg gi\'r jacobve \"ret\"
I dette dokument er stort set hvad du kan gøre med form-elementer:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
    <TITLE>[Ingen titel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<STYLE TYPE=\"text/css\">
input.aCLASSNAME{
        border : 0;
}
.INPUT {
    text-align:center;
    outline-width:10;
    outline-style:solid;
    outline-color:invert;
    font:normal normal bold 1em sans-serif;
    cursor:crosshair;
    color:#FF0000;
    border:1 solid #999999;
    background-color:#00FFFF;
}
.scroll {
  scrollbar-3d-light-color: #669900;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-dark-shadow-color: #ffffff;
  scrollbar-face-color: #c5c5c5;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
}
</STYLE>
</HEAD>
<BODY>
<INPUT TYPE=\"text\" VALUE=\"Skriv en hel masse her\" SIZE=\"50\" MAXLENGTH=\"50\" NAME=\"b1\" STYLE=\"font-size:16;color:white;background-color: green; border-width:20;\">
<input type=\"button\" value=\"TRYK\" name=\"B3\" style=\"background-color: green;font-size:16;color:red;border-width:20;font-family:serif;\">
<BR><BR>
<INPUT TYPE=\"text\" VALUE=\"Skriv en hel masse her\" SIZE=\"50\" MAXLENGTH=\"50\" NAME=\"b1\" STYLE=\"outline:dotted; background-color:#cccccc;\">
<BR>
<INPUT TYPE=\"text\" VALUE=\"Skriv en hel masse her\" SIZE=\"50\" MAXLENGTH=\"50\" NAME=\"b4\" STYLE=\"outline:dotted; background-image:url(../kimberly10.jpg)\"><BR>
<INPUT TYPE=\"radio\" VALUE=\"ok\" NAME=\"c2\" STYLE=\"outline:solid; background-image:url(../kimberly10.jpg)\"><BR>
<INPUT TYPE=\"radio\" VALUE=\"ok\" NAME=\"c2\" CLASS=\"aCLASSNAME\"><BR>
<INPUT id=text1 name=text1 style=\"border:solid\">
<INPUT id=radio1 type=radio name=radio1 style=\"border:solid\"><BR><BR>
<select SIZE=\"2\" STYLE=\"font-size:16; border-width:20; font-size:30; CLASS=\"scroll\"\">
<option VALUE=\"1\" STYLE=\"font-size:16;color:white;background-color: green; border-width:20; font-size:24; font-family:sans-serif\">1.valg
<option VALUE=\"2\" STYLE=\"font-size:16;color:white;background-color: black; border-width:10; font-size:24; font-family:serif\">2.valg med seriffer
<option VALUE=\"3\" STYLE=\"font-size:16;color:white;background-color: red; border-width:30; font-size:24; font-family:serif\">3.valg
</SELECT><BR><BR>
<SELECT SIZE=\"1\" STYLE=\"text-decoration:none;font-stretch:wider;    font-size-adjust:none;    font-family:sans-serif;    font-size:medium;    font-weight:bold;    font-variant:normal;    font-style:normal; font:bold;    color:#000000;\">
<OPTION VALUE=\"foerste\" STYLE=\"text-decoration:none;\">Med fed skrift
<OPTION VALUE=\"anden\" STYLE=\"    text-decoration:underline;    font-stretch:wider;    font-size-adjust:none;    font-family:sans-serif;    font-size:medium;    font-weight:bold;    font-variant:normal;    font-style:normal; font:bold;    color:#000000;\"><U>Understreget</U>
</SELECT>
<input type=\"file\" name=\"B3\" style=\"background-color: green;font-size:26;color:red;border-width:20;font-family:serif;\">
<BR><input type=\"file\" name=\"B4\" style=\"font-size:26;border-width:50;\"><BR>
<INPUT TYPE=\"radio\" CLASS=\"input\"><BR><BR>
<INPUT TYPE=\"submit\" value=\"TRYK\" name=\"B3\" style=\"background-color: green;font-size:16;color:red;border-width:20;font-family:serif;\">

<!-- WebWriter AutoDato -->Opdateret d. 10.8.2001<!-- WW -->
</BODY>
</HTML>

til det callesen har skrevet, kan jeg lige tilføje at classen scroll ikke er defineret i CSS standarden og derfor ikke fungere i alle browsere.

Men det fungere helt fint i IE (hvilket en meget stor del af den brede befolkning bruger)

Ja der er ikke meget, vi kan gøre ved de forms, men lidt har da også ret :)

http://www16.brinkster.com/breindal/diverse/forms/forms.html

tony_breindal >> puha... det er ikke et kønt syn, hvis man mishandler en form på den måde :-)

Nej bestemt ikke, det er også bare eksempler a la callesen\'s. Med lidt tålmod og grafisk snilde kan de nu blive ret pæne :)

tony_breindal >> det her du ret i... det var også mest ment som en joke.

men jo, jeg vil da også klart anbefale at bruge CSS på forms objekter, hvis du kan slippe afsted med det.