Űrlap színei

Az űrlapokon használhatunk gombot, textarea-t, legördülő menüt, radio gombokat stb.. Lehetőségünk van ezeket színezni, hogy jobban alkalmazkodjanak
oldalunkhoz. De itt is figyelembe kell venni, hogy nem minden böngésző támogatja, tehát erre ne építsünk design-t.

1. Az input elem:

input{
      color:#8CA93D;
      background-color:#FCFCFC;
}

input:hover{ 
      color:#8CA93D;
      background-color:#FFFFFF;
}

input:active{
      color:#8CA93D;
      background-color:#FFFFFF;
}

input:focus{
      color:#8CA93D;
      background-color:#FFFFFF;
}

Itt is, mint a látszólagos elemeknél használhatunk "hover", "active", és "focus" osztályokat.
A hover-, és active-ról már beszéltem. A focus abban az esetben fog aktiválódni, ha az egérrel rákattintasz a beviteli mezőre, vagy gombra.
Megadhatunk mindegyik esetben szövegszínt, háttérszínt, háttréképet, és mindenfajta szöveggel és színnel kapcsolatos beállítást (sok tulajdonság a későbbiekben kerül bemutatásrsa, de többségük alkalmazható lesz itt is).

2. A textarea:

textarea{
      color:#8CA93D;
      background-color:#FCFCFC;
}

textarea:hover{
      color:#8CA93D;
      background-color:#FFFFFF;
}

textarea:active{
      color:#8CA93D;
}

A fenti példák alapján alkalmazhatjuk ezeket a tulajdonságokat a SELECT, RADIO, CHECKBOX input elemekre is.