Problème de zoom dans Chrome : les bordures de saisie disparaissent

Les utilisateurs ont rencontré un problème déroutant dans Google Chrome, où les bordures de saisie disparaissent lors d'un zoom avant ou arrière. . Ce problème est apparu sur les forums, laissant les utilisateurs chercher des solutions.

Le problème survient lors d'un zoom avant à l'aide de Chrome, entraînant la disparition des bordures de saisie. Ce comportement a été observé sur certains sites Web et peut varier en fonction du niveau de zoom.

Solution : Modification CSS pour l'épaisseur de la bordure

Une solution simple à ce problème consiste à modifier le CSS pour les bordures. Plus précisément, changer l'épaisseur de la bordure d'une valeur fixe à « fine » résout le problème.

Par exemple, si le CSS incluait à l'origine le code suivant :

INPUT,TEXTAREA {
  border-top: 1px solid #aaa
}

Le remplacer par le code suivant corrige le problème :

INPUT,TEXTAREA {
  border-top: thin solid #aaa
}

Bogue Chrome ou problème CSS ?

La cause première de ce comportement n'est pas claire. Alors que certains pensent qu'il pourrait s'agir d'un bug de Chrome, d'autres suggèrent que le problème réside dans le CSS utilisé pour définir les bordures.

Changer l'épaisseur de la bordure sur « fine » semble résoudre efficacement le problème, suggérant que le le problème est lié au rendu des bordures fines dans Chrome.