Supprimer le cadre au clic sur un lien image-map [Résolu]

Signaler
Messages postés
69
Date d'inscription
vendredi 13 février 2009
Statut
Membre
Dernière intervention
3 juillet 2020
-
Messages postés
69
Date d'inscription
vendredi 13 février 2009
Statut
Membre
Dernière intervention
3 juillet 2020
-
Bonjour,
Je réalise un site qui comporte une image d'en-tête avec zones cliquables.
Quand on clic sur ces liens, sous Safari on a un cadre bleu ou gris qui apparaît.
Dans ce cas là ce n'est pas très esthétique.
Peut-on le désactiver avec une ligne de code javascript ?

Merci pour votre aide

5 réponses

Messages postés
14799
Date d'inscription
vendredi 14 mars 2003
Statut
Modérateur
Dernière intervention
13 juin 2021
156
As-tu essayer de mettre l'attribut "border" (ou similaire) de tes liens à 0 ?
Messages postés
69
Date d'inscription
vendredi 13 février 2009
Statut
Membre
Dernière intervention
3 juillet 2020

Ce n'est pas vraiment une bordure mais un genre d'ombré qui n'apparaît qu'au moment du clic de souris.
C'est une fonction du navigateur Safari.
Je suppose qu'on doit pouvoir la désactiver à l'aide d'une ligne de code JS.
Messages postés
14799
Date d'inscription
vendredi 14 mars 2003
Statut
Modérateur
Dernière intervention
13 juin 2021
156
N'utilisant pas Safari, je ne sais pas, je ne n'utilise pas d'Apple et n'ai jamais eu à faire face à cette spécificité.
Le coup du Border est assez classique, donc, j'ai pensé à cela.
Messages postés
4202
Date d'inscription
samedi 16 octobre 2004
Statut
Modérateur
Dernière intervention
13 juin 2020
37
Pas en javascript en CSS tu doit pouvoir avec la propriété

-webkit-appearence:none;


ce qui devrait supprimer cette zone au dessus de l'image.

tu en a pleins d'autre ici http://css-infos.net/properties/webkit
Messages postés
69
Date d'inscription
vendredi 13 février 2009
Statut
Membre
Dernière intervention
3 juillet 2020

Merci,
Finallement, j'ai compris qu'il s'agissant de l'attribut css outline qui aide à la navigation au clavier.
Donc j'ai mis outline:0 sur l'en-tête de la page.