Enlever les pointillés autour des boutons submit dans firefox (css)

Pour les liens, la technique css est connue, il suffit d’ecrire

a:active, a:focus {outline:0}

Mais cette technique ne suffit pas pour les « submit button », ou boutons de formulaires. Voici comment faire:

button::-moz-focus-inner {border:0;}

Ca n’est pas du CSS standard, mais ca marche !

10 juin 2010 catégorie : | Mots-clés : ,

2 Commentaires

  • 19 jan 2011 steven

    Bonjour, au niveau accessibilité cette technique n’est pas recommandé. Cela donne un repère visuel important pour certaines personnes.

  • 24 jan 2011 opi

    steven,
    En effet, ca n’est pas recommandé de ne mettre aucun effet sur le :focus, d’un point de vue accessibilité.
    Cependant, on peut supprimer les pointillés si on les remplace par un autre comportement (changement de couleur, taille…)

    Merci pour la remarque

Poster un commentaire