Hola:
Intenté ver el código, pero lo ponen muy espaciado y se hurga con dificultad, pero parece cosa de estilos... esto se parece algo:
<style>
.blur {
border: 1px solid gray;
}
.over {
border: 1px solid lime;
}
.focus {
border: 2px solid lime;
}
.out {
border: 1px solid gray;
}
</style>
y...
<input type="text" name="x"
onmouseover="this.className = 'over'"
onmouseout="this.className = 'out'"
onfocus="this.className = 'focus'"
onblur="this.className = 'blur'"
/>
Saludos
