5139 sujets

Le Bar du forum

Suppression des cadres au clic sous Safari

Bonjour à tous,

Je recherche une solution pour désactiver une fonction du navigateur Safari.
Sur un site que je développe, j'ai une image avec zones clicables. Le problème c'est que Safari présente un cadre (un ombré bleu) au moment où on clic sur la zone en question ce qui n'est pas très esthétique dans ce cas précis.
Je suppose qu'on doit pouvoir désactiver cette fonction à l'aide d'une ligne de code en JavaScript par exemple.
Ci-dessous : exemple sur le lien RH. upload/13984-cadre.png
Quelqu'un aurait-il une idée pour faire ça ou un forum spécialisé vers lequel me tourner ?

Merci pour votre aide.
Salut,
bmael a écrit :
Quelqu'un aurait-il une idée pour faire ça ou un forum spécialisé vers lequel me tourner ?

Alsacréations, c'est pas mal… quoiqu'un sous-forum comme CSS ou Questions de débutants aurait été encore plus indiqué Smiley cligne

Pour ta question, regarde du côté de la propriété CSS outline et des pseudo-classes :hover, :active.

Attention : même si cela te permettra de supprimer le cadre non-voulu, il faut absolument que tu remplace l'effet d'outline appliqué par défaut par le navigateur (il n'y a pas que Safari qui le produit) par un autre effet permettant à ton site de rester navigable dans tous les contextes (navigation clavier notamment).

<edit>
Je me disais bien qu'il y avait un article sur les resets d'outline sur Alsa Smiley smile
> Reset d'outline, attention
</edit>
Modifié par audrasjb (23 Sep 2013 - 11:40)
Ah, oui voilà encore un truc que j'ignorai. Il est urgent que je vienne faire une formation...
Qu'est-ce qu'on peut galérer sur des bricoles quand on est autodidacte et débordé.

Merci beaucoup.

Comme c'est sur un élément (zones cliquables sur une image d'en-tête) qui fait doublon avec le menu du site, j'ai mis outline:0 sur les liens de cette image. Comme ça ça reste activé sur le reste des éléments de navigation du site.
Modifié par bmael (23 Sep 2013 - 15:32)
Sujet clos
Aller à