Maison > interface Web > tutoriel CSS > le corps du texte

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

Linda Hamilton
Libérer: 2024-11-08 19:49:01
original
670 Les gens l'ont consulté

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal