css på formular

<html>
<head>
<style>
.minKnap {
  background-color : #e9e9e9;
  border : 1px solid;
  border-bottom : 1px solid Gray;
  border-top : 1px solid Silver;
  border-left : 1px solid Silver;
  border-right : 1px solid Gray;   
  font-size: 11px;
  font-weight: plain;
}
</style>
</head>
<body>
<form>

<input type=\"button\" class=\"minKnap\">

</form>
</body>
</html>

/Nikolaj

Nok sådan her;

<input type=\"button\" class=\"minKnap\" value=\"knappen\">

Se lidt på dette:

<input type=\"text\" style=\"width:121px; border-style:solid; border-width:1px; border-color:#FFFFFF; background-color:#D24E1A; font: bold 11px verdana; name=\"email\" size=\"14\">

Her er en oversigt:
input {
    border:3px;
    border-style:solid;
    border-color:#999999;
    background-color:#FF9999;
    color:#000000;
    face-color:#FFFF00;
    track-color:#FF00FF;
    shadow-color:#00FFFF;
    highlight-color:#00FF00;
    3dlight-color:#0000FF;
   
}

Kønt er det ikke - men giver mulighederne med Ie+
Nb. Ikke alle knapper og radio-knapper kan styles.

Jeg har det hele stående i ET scc-dokument, hvorfra det bliver hentet ind til en masse sider - er det så ikke nemmest at anvende stykket fra nikolajdu\'s eksempel?

nikolajs ekspempel er kun til en knap. Det kan du nemt indsætte i dit css-dokument.

Mit eksempel er til en formularfelt - men det kan også indsættes i dit eksterne dokument hvis du ønsker det.

Jo, pelkjaers er fin, men ikke så anvendelig hvis du hellere vil definere det i et eksternt css dokument.

pelkjaer eksemplet var rigtigt nok en knap, men det er bedre at definere sin egen class. Den kan så bruges til hvad som helst.

callesen > kan man tilføje noget til <select> og <textarea> tags?

I know :) - men det er vel ikke mere korrekt.

<select style=\"width:121px; border-style:solid; border-width:1px; border-color:#FFFFFF; background-color:#D24E1A; font: bold 11px verdana; name=\"select\" size=\"1\">
          <option selected>::::: v&aelig;lg en :::::</option>
          <option>fremragende</option>
          <option>udm&aelig;rket</option>
          <option>middelm&aring;digt</option>
          <option>ikke s&aring; godt</option>
          <option>det stinker </option>
</select>

<textarea style=\"width:121px; border-style:solid; border-width:1px; border-color:#FFFFFF; background-color:#D24E1A; font: bold 11px verdana; name=\"note\" cols=\"13\" rows=\"4\" wrap=\"VIRTUAL\"></textarea>

Igen - kan også indsættes eksternt.

canedo - Du spørger jo netop om fordelen ved at definere egen class fremfor at lægge den direkte på alle input.

Lav din egen så kan du brge den som du lyster. Visse ting vil understøtte mere end andre, men de ignorerer det bare :-)

Unskyld mit fravær; men du er da heldigvis blevet serviceret bedst muligt.
Til spørgsmålet direkte til mig: Ja du kan. Tony_breindal har ikke meldt sig (endnu); men han har lagt et glimrende eksempelark ud på sin eget sted, som jeg tillader mig at bringe her - jeg kan ikke finde linket.

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
<!-- Minus AutoDato -->
    <title>farvede forms</title>
<style type=\"text/css\">
<!--
.farvetforms  {background-color:#FFFF00;
              border-color:#0000FF #FF0000 #00FF00 #00FFFF;
              border-style:solid;
              border-top-width:thin;
              border-right-width:thick;
              border-bottom-width:medium;
              border-left-width:thin;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 12px; color: #FF0000;
              font-weight:bold;
}
.farvetforms1 {background-color:#FFFFFF;
              border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;
              border-style:solid;
              border-top-width:thin;
              border-right-width:thick;
              border-bottom-width:medium;
              border-left-width:thin;
}
.farvetforms2 {background-color:#FFFFFF;
              border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;
              border-style:solid;
              border-top-width:thin;
              border-right-width:thick;
              border-bottom-width:medium;
              border-left-width:thin;
              color:darkblue;
              font-family:impact;
              font-size:20px;
              font-weight:normal;
              font-style:italic;
              letter-spacing:20e;
              text-decoration:underline overline;
}
.farvetforms3 {background-color:#FFFFFF;
              font-size:18px;
              font-weight:light;
              border-top-width:2px;
              border-right-width:2px;
              border-bottom-width:2px;
              border-left-width:2px;
              background:url(\"google.gif\");
              background-color:black;
}
.farvetforms4 {background-color:lightblue;
              color:darkgreen;
}
-->
</style>

</head>
<body>
<p><font face=\"\"></font>
<center>
<form name=\"farvede_forms\" method=\"post\" action=\"\">
  <input type=\"text\" name=\"textfield\" class=\"farvetforms\">
<br><br>
  <input type=\"button\" value=\"Send\" size=\"20\" class=\"farvetforms\" onFocus=\"this.blur();\">
<br><br>
  <input type=\"radio\" name=\"radio\" value=\"On/Off\" class=\"farvetforms\">
<br><br>
  <input type=\"checkbox\" name=\"check\" value=\"Check me\" class=\"farvetforms\">
<br><br>
  <select name=\"dropdown\" class=\"farvetforms\">
    <option >Vaelg partner</option>
    <option class=\"farvetforms4\">Gudrun</option>
    <option>Holger Ib</option>
    <option>Bartolomaeus</option>
    <option>Frede</option>
    <option>Ole E. Bolesen</option>
  </select>
<br><br>
<select name=\"list\" size=\"4\"  class=\"farvetforms\">
    <option >Vaelg partner</option>
    <option class=\"farvetforms4\">Gudrun</option>
    <option>Holger Ib</option>
    <option>Bartolomaeus</option>
    <option>Frede</option>
    <option>Ole E. Bolesen</option>
</select>
<br><br>
  <input name=\"password\" size=\"10\" type=\"password\" value=\"password\" class=\"farvetforms\">
<br><br>
  <input type=\"file\" value=\"file\" class=\"farvetforms\">
<br><br>
  <input type=\"reset\" class=\"farvetforms1\" onFocus=\"this.blur();\">
<br><br>
  <input type=\"button\" value=\"          \" class=\"farvetforms3\" style=\"cursor:hand\" onFocus=\"this.blur();\">
<br><br>
  <input type=\"button\" value=\"SEND FORMULAR\" class=\"farvetforms2\" onFocus=\"this.blur();\">
<br><br>
<input type=\"checkbox\" style=\"background-color:blue\" onMouseover=\"this.style.backgroundColor=\'#ff0000\'\" onMouseout=\"this.style.backgroundColor=\'#ffffff\'\">

<input type=\"checkbox\" name=\"billede\" value=\"check me\" style={background-image:url(sel.gif);}>

<input type=\"checkbox\" style=\"zoom:3\">

<input type=\"checkbox\" onFocus=\"this.blur();\" style=\"background-color:lime;\" onClick=\"if (this.style && !this.checked) this.style.backgroundColor = \'lime\'; else if (this.style && this.checked) this.style.backgroundColor = \'red\';\">

<input type=\"checkbox\" checked style=\"background-color:#CCff99\">
</form>
</center>
</body>
</html>
Her kan du se de form-tags man kan style og virkningen. Bemærk at 3D-virkningen på checkbokse ikke kan styles lige som \'gennemse-inputtet\'.

Tusind tak for det :-)