Sur la première page d'un site que je construis, plusieurs <div>
utilisent la :hover
pseudo-classe CSS pour ajouter une bordure lorsque la souris les survole. L'un des <div>
s contient un <form>
qui, à l'aide de jQuery, conservera la bordure si une entrée en son sein a le focus. Cela fonctionne parfaitement sauf que IE6 ne prend en charge :hover
aucun élément autre que <a>
s. Donc, pour ce navigateur uniquement, nous utilisons jQuery pour imiter CSS en :hover
utilisant la $(#element).hover()
méthode. Le seul problème est, maintenant que jQuery gère à la fois le formulaire focus()
et hover()
, lorsqu'une entrée a le focus, l'utilisateur déplace la souris vers l'intérieur et vers l'extérieur, la bordure disparaît.
Je pensais que nous pourrions utiliser une sorte de conditionnel pour arrêter ce comportement. Par exemple, si nous testions à la souris si l'une des entrées avait le focus, nous pourrions empêcher la frontière de disparaître. AFAIK, il n'y a pas de :focus
sélecteur dans jQuery, donc je ne sais pas comment y arriver. Des idées?