28106 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

enfait, j'ai une simple question à vous poser.

Quand on clique sur le bouton action, on a un bord bleu qui apparaît.

Comment puis-je enlever ce bord bleu ?

Voici l'adresse à laquelle vous pouvez trouver un exemple de mon code source :

https://codepen.io/joseph5/pen/OKJKaN

Merci d'avance

Bonne journée
Thierry
Bonjour _laurent,

merci beaucoup pour votre aide.

ça donne le resultat escompté. -:)

Bonne journée
Thierry
Administrateur
Bonjour,

l'état s'appelle :active (le moment où on clique).
La propriété utilisée est outline, comme l'écrit _laurent.

Attention à ne PAS dégrader / supprimer cet outline pour les personnes naviguant au clavier (l'état :focus).
Plus d'info sur https://disic.github.io/guide-integrateur/7-focus.html
Pour tester cet outline dans ce cas, il faut utiliser la touche Tabulation (et je sais jamais sur quels navigateurs il faut activer la navigation aussi sur les liens, en plus des éléments de formulaire…Safari sûr, Chrome je sais plus, Firefox pas besoin et là ce n'est pas un outline bleu mais un pointillé en gris moyen). Et constater qu'il y a bien toujours ce repère visuel en passant de lien en bouton en champ en lien
Modérateur
Salut Felipe,

Felipe a écrit :
l'état s'appelle :active (le moment où on clique).

Ce n'est pas plutôt le :focus qui porte le outline (tu l'as bien mis en dessous) ?

Felipe a écrit :
Attention à ne PAS dégrader / supprimer cet outline pour les personnes naviguant au clavier [...]. Et constater qu'il y a bien toujours ce repère visuel en passant de lien en bouton en champ en lien

Sinon on peut aussi faire en sorte que notre effet de survol de base le remplace non ?
a:hover,
a:focus {
    /* CSS perso */
}

(D'ailleurs c'est comme ca par défaut qu'il faut écrire les effet de hover)
Ca reste une mauvaise pratique d'enlever le outline ?