canbiare classe con OnFocus

[Barman@83]

Ciao a tutti sapete mica come si puo cambiare classe con la proprietà onFocus?

Mi spiego meglio io ho un form e vorrei far in modo che quando la casella di testo viene selezionata(prende il fuoco) si applichi la classe evidenziato quando i cambia casella (perde il fuoco). Ritorni normale.


:master: Aiutoooooooooooo

[pierofix]

Nulla di più semplice

.mioinput:focus {
   /* tutte le proprietà */
}

La lista completa dei selettori css la trovi qui (leggila che ti tornerà spesso utile):

- http://www.w3.org/TR/CSS21/selector.html



P.S. Ricorda che alcuni selettori non sono supportati da quella crosta di IE ( ).

[Barman@83]

Questo è un pezzo di form

<form>
<table >
<tr>
<td width="145" >Nome</td>
<td colspan="2">
<input  onFocus="Codice per cambiare classe  "name="Nome" type="text" value="">

Classe da applicare

.evidenziato { background-color:#FFFF99; color:#336600}

Come si fà?

[pierofix]

Non devi mettere il codice nell'evento onfocus (mi raccomando, tutto minuscolo!), ma nel css.

Al tuo input nell'html aggiungi class="evidenziato" e nel css

.evidenziato:focus {
   background-color:#ff9;
   color:#360;
}

[Barman@83]

ok grazie mi hai risparmiato un bel po di tempo ?

[Barman@83]

scusa senza punto interrogativo sta sclerando oggi
devo consegnare il sito entro domani mattina.

Grazie ancora

[pierofix]

Originariamente inviato da pierofix
La lista completa dei selettori css la trovi qui (leggila che ti tornerà spesso utile):
- http://www.w3.org/TR/CSS21/selector.html



P.S. Ricorda che alcuni selettori non sono supportati da quella crosta di IE ( ).