Un article retrouvé de mon ancien blog.

Bon, je viens de me rendre compte qu’une propriété CSS nommée focus existait … je sais je suis en retard mais bon mais je me suis souvent demandé comment faisait certains sites pour changer le style de leurs balises CSS au moment ou le focus etait dessus…

input:focus, select:focus, textarea:focus

Même pas besoin de javascript ! Tout ce fait tout seul ! MAGIE :)

Exemple

Style.css

 input, select, textarea {
        border-top:1px solid #666;
        border-left:1px solid #666;
        border-bottom:1px solid #ccc;
        border-right:1px solid #ccc;
}
input:focus, select:focus, textarea:focus {
        background-color: #cddefd;
        border:1px solid #248;
         color:#000;
}


TéléchargementTélécharger la source

Et voila !
Si c’est pas beau ça !