web-dev-qa-db-fra.com

Un contour étrange apparaît dans Chrome 83 / IE sur mon Windows 10

quelque chose de très, très étrange s'est produit. Depuis quelques heures, mon Chrome (également IE) affiche un contour par défaut différent en entrée. En inspectant le code, j'ai vu que l'ensemble de contour est le suivant:

contour: -webkit-focus-ring-couleur auto 1px

et le résultat est comme ceci: enter image description here

se produit à la fois incognito et dans la navigation avec ou sans extensions.

comment puis-je le restaurer?

4
r1si

c'est une nouvelle "fonctionnalité" de chrome 83 .... (qui afflige tous les SO) J'espère qu'elle sera bientôt supprimée. https://support.google.com/chrome/thread/48974735? hl = fr

1
r1si

Je pense que tu peux y parvenir avec quelque chose comme ça

*:focus {
   outline: 1px solid aliceblue
}

afin que vous puissiez définir pour tous vos éléments le contour à rendre sur le focus.

une question similaire peut être trouvée ici contour de mise au point par défaut de Chrome

ps: bien que je pense que le nouveau contour chrome est moche comme l'enfer, n'oubliez pas que le désactiver du tout est une mauvaise pratique http://www.outlinenone.com/

à votre santé

1
AjejeBrazorf

Les équipes de Microsoft Edge et de Google Chrome ont passé l'année dernière à collaborer pour retheme et améliorer la fonctionnalité des contrôles de formulaire intégrés sur les navigateurs Chromium. ... Le nouvel indicateur de mise au point utilise un noir épais anneau avec un fin contour blanc, ce qui devrait améliorer la visibilité sur les arrière-plans clairs et sombres. Il s'agit d'un gain d'accessibilité facile qui améliore automatiquement l'expérience de saisie sur un certain nombre de sites sans que les développeurs aient besoin d'écrire de nouveau code. Nouveautés dans Chrome 8

Vous pouvez facilement supprimer ou personnaliser totalement le contour de mise au point pour tout ou n'importe quel élément que vous souhaitez comme ci-dessous:

*:focus {
   outline: none; /* or customize it */
}
0
Reza