Maison  >  Article  >  interface Web  >  Pourquoi les bordures des éléments d'entrée disparaissent-elles lors d'un zoom dans Chrome ?

Pourquoi les bordures des éléments d'entrée disparaissent-elles lors d'un zoom dans Chrome ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-08 19:49:01672parcourir

Why Do Input Element Borders Disappear When Zooming in Chrome?

Chrome : les bordures disparaissent lors du zoom

Dans cette enquête, l'utilisateur a rencontré un problème intrigant où les bordures des éléments d'entrée disparaissaient lors d'un zoom avant. ou dans Chrome. Cela s'est produit même si le CSS semblait correct.

Après une enquête plus approfondie, il est devenu évident que le problème ne venait pas du CSS, mais plutôt d'une bizarrerie de rendu spécifique à Chrome. Une solution simple a été trouvée en changeant la propriété border de "1px solid #aaa" à "thin solid #aaa". Ce correctif imposait une épaisseur de bordure constante, quel que soit le niveau de zoom.

Des recherches supplémentaires ont révélé que cette bizarrerie était bien un bug de Chrome, car des problèmes similaires avaient été signalés sur le forum des produits de Google. En remplaçant "px" par "thin", la bordure restait visible à tous les niveaux de zoom. Cela a permis à l'utilisateur de conserver l'apparence souhaitée de ses éléments d'entrée, même lors d'un zoom avant ou arrière.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn