Kako stilizovati input field?

[ define @ 16.03.2005. 10:47 ] @

Postoji li neki tutorial gde mogu videti kako da stilizujem polja za unos, da podesavam njihovu velicinu i velicinu slova koja unosim.
Da ne bude klasicno ruzno veliko polje za unos i da mogu da mu menjam boje unutar.

[ dinke @ 16.03.2005. 10:55 ] @

Moze. Koristi CSS.

[ phatsa @ 16.03.2005. 12:10 ] @

za tutorijal ne znam sada napamet, ali evo na brzaka:

definises css pre <BODY> taga, recimo:

<style>
.text10 {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #003366; }
</style>

a zatim se u html-u pozoves na taj stil (text10) pomocu "class":

<input name="email" type="text" size="16" maxlength="30"
class="text10" VALUE="Vaš e-mail" onfocus='this.value=""'>

[ DeX-Force @ 10.04.2005. 16:00 ] @

A kako napraviti da 'onfocus' promeni stil tj. class ?

[ noviKorisnik @ 10.04.2005. 18:13 ] @

... onfocus="this.className = 'focusClass';" onblur="this.className = 'noFocusClass';"

[ Goran Rakić @ 10.04.2005. 18:22 ] @

ili:

Code:

...
<style type="text/css">
.text10 {
   ...
}
.text10:focus {
     background: yellow;
     color: black;
  }
</style>
...
<input type="text" ... class="text10" ... />
...

[ DeX-Force @ 10.04.2005. 19:03 ] @

Hvala puno :)