Comment supprimer la bordure bleue des boutons dans Chrome sans compromettre l'accessibilité ?

Suppression de la bordure bleue des boutons personnalisés dans Chrome

Dans les efforts de personnalisation, définissez la bordure sur aucune pour les balises peuvent entraîner l’apparition d’une bordure bleue autour du bouton lorsque vous cliquez dessus dans Chrome. Bien que Button:active { outline: none } et Button:focus { outline:none } puissent sembler des solutions viables, ils ne parviennent pas à éliminer le problème.

Approche recommandée :

Il est fortement déconseillé de supprimer le focus ou le style du contour, car cela compromet l'accessibilité du site Web. Pour plus d'informations, reportez-vous à cette discussion.

Approche alternative (non recommandée) :

Si cela est jugé nécessaire, ce code CSS peut supprimer efficacement la bordure bleue :

button:focus { outline:0; }

Un exemple fonctionnel peut être trouvé dans ce JSFiddle : http://jsfiddle.net/u4pXu/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!