A algum tempo atrás escrevi um texto sobre como alterar o css de um input usando a regra focus, o problema que o maledeto do IE, nem mesmo o IE7 consegue entender esta simples regra, então como de costume nos programadores temos que inventar mecanismos para as coisas funcionarem no IE, enfim, ai vai uma função em Javascript usando a biblioteca prototype que faz isso, quando o focus vai para um input ele altera o CSS do mesmo, e quando o focus sai, ou seja, quando acontece o blur o CSS volta ao normal, tem que fazer e desfazer a treta do CSS pra ficar bom
Event.observe(window,'load',function(){
$$('input[type=text]').each(function(e){
Event.observe(e,'focus',function(){
this.setStyle('color:red');
})
Event.observe(e,'blur',function(){
this.setStyle('color:#333');
})
})
})
Me baseei na função escrita pelo (…) bom ele não tem um nome assim propriamente dito ele se intitula de S.
OBS 1: O script acima usa uma regra de CSS 2.1, type=’text’, e segundo o manual do prototype apenas na versão 1.5 o operador $$ passou a reconhecer tais atributos, então se você estiver usando uma versão anterior a 1.5 pelamordedeus atualiza pra nova
. Essa observação se deve ao fato de que o Luiz (camarada aqui do trampo) jurou de pé junto que o script estava com pau mas o prototype dele era o 1.4, que isso Luiz js diga não ao js ancião!








8D MUAHAHAHAHA! Adorei o “pelo (…) bom ele não tem um nome assim propriamente dito ele se intitula de S”.
Grato pela referência! E agree em mais uma coisa. IE FEDE!
hiuohui
boa essa adaptação hehehe