No es necesario, solo indica a que clase pertenece y listo
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
.input1:focus{
color: #ff0000;
}
.input2:focus{
color: #336699;
font-weight: bold;
}
.input3:focus{
color: #ffffff;
background-color: #000000;
}
.input4:focus{
color: #ffffff;
background-color: #336699
}
<input type="text" name="texto" class="input1" /> <input type="text" name="texto" class="input2" /> <input type="text" name="texto" class="input3" /> <input type="text" name="texto" class="input4" />
Además, no creo que exista lo que estás pidiendo. Si lo quieres hacer con javascript, vas a tener que ingresar todo el código de CSS en el javascript.