Estilo como el GMAIL

[JaimeBCN]

Ha ido, pero he estado probando para que el efecto no me lo coja cuando uso un input de type que sea diferente a "TEXT".

En la parte de javascript, poniendo despues del for esto :

if (sfEls[i].type != "submit")

Y una parte la soluciono.

Pero me gustaría que el boton no me coja el estilo del css que si lo coge.

Paso ficheros:

css
input {
width: 15em;
border: 2px solid;
border-color: #666 #ddd #ddd #666;
}

input:focus, input.sffocus{
background: #93a3c9;
border-color: #003366;
}

js.
<!--//--><![CDATA[//><!--

sfFocus = function() {
var sfEls = document.getElementsByTagName("INPUT");
for (var i = 0; i < sfEls.length; i++)
{

if (sfEls[i].type != "submit")
{
sfEls[i].onfocus=function()
{
this.className+=" sffocus";
}
sfEls[i].onblur=function()
{
this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
}
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfFocus);

//--><!]]>