5568 sujets

Sémantique web et HTML

Bonjour à tous et à toutes,

Après avoir cherché une ou plusieurs solution(s) sur google, je reste toujours sans réponse et j'en viens donc à vous poser la question.

Voilà, sous Google Chrome et Safari, ces deux navigateurs ont eu la fâcheuse idée de mettre une bordure, orange pour Chrome et bleue pour Safari, dès que l'on sélectionne un champ d'un formulaire.

D'où ma question, existe-t-il un moyen pour retirer ces bordures ?
Modifié par jQz (24 Oct 2009 - 14:38)
Bonjour,

c'est un focus pas un hover, cette bordure est aussi présente sur les liens. Il faut modifier la propriété outline pour l'enlever.
Merci beaucoup bzh.

Il suffisait bien d'insérer cette propriété dans le code pour ne plus voir ce focus.


outline-style: none;


Dans mon cas, cela donne ceci :


input.champ_inscription:focus {
	outline-style: none;
}


Sujet résolu Smiley cligne .
Modifié par jQz (24 Oct 2009 - 14:28)
Soit dit en passant, pour des questions pratiques liées à l'accessibilité (cas des utilisateurs qui n'ont d'autre choix que de naviguer au clavier, en tabulant lien après lien, champ après champ), il est déconseillé de supprimer ces bordures pointillées au moyen d'un outline: none : en effet, ces bordures servent de repère non négligeable. Smiley cligne