28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,

Lorsqu'on sélectionne un lien, un encadrement (fin et en pointillés) vient se placer autour du lien (autour de l'image si c'est une image...). Existe-t-il un moyen de l'empêcher d'apparaître par l'intermédiaire de la feuille CSS ?

upload/17453-encadremen.png

merci !
Bonjour,

C'est possible mais déconseillé. En effet, ce cadre en pointillés qui apparait avec certains navigateurs est le seul moyen qui permet de reconnaitre le lien qui a le focus lorsqu'on navigue au clavier. Et tous les utilisateurs n'ont pas la possibilité d'utiliser une souris.

Pour le supprimer malgré tout, cela se fait avec a {outline: none;}. Mieux vaut ne pas le faire pour tous les liens, mais juste ponctuellement pour les quelques liens qui posent problème. Et pour ces derniers, on prévoira un style lors du focus.

Cela peut donner:
#menu a {outline: none;}
#menu a:focus {background: black; color: white;}
Merci !!!
Solution toute simple comme d'habitude, il me manquait en fait juste le nom de la propriété... Smiley cligne

edit: pour ne pas casser la navigation, j'ai mis une police de la même couleur que le fond
Modifié par jecario (28 Jul 2008 - 21:31)