Chrome-Zoomproblem: Eingaberänder verschwinden

Benutzer sind in Google Chrome auf ein verwirrendes Problem gestoßen, bei dem Eingaberänder beim Vergrößern oder Verkleinern verschwinden . Dieses Problem ist in Foren aufgetaucht und Benutzer suchen nach Lösungen.

Das Problem tritt beim Vergrößern mit Chrome auf, was dazu führt, dass Eingaberänder verschwinden. Dieses Verhalten wurde auf bestimmten Websites beobachtet und kann je nach Zoomstufe variieren.

Lösung: CSS-Änderung für Rahmenstärke

Eine einfache Lösung für dieses Problem besteht in der Änderung das CSS für die Ränder. Insbesondere die Änderung der Rahmenstärke von einem festen Wert auf „dünn“ löst das Problem.

Zum Beispiel, wenn das CSS ursprünglich den folgenden Code enthielt:

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

Das Ersetzen durch den folgenden Code behebt das Problem:

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

Chrome-Fehler oder CSS-Problem?

Die Ursache dieses Verhaltens ist unklar. Während einige spekulieren, dass es sich möglicherweise um einen Chrome-Fehler handelt, vermuten andere, dass das Problem beim CSS liegt, das zum Definieren der Ränder verwendet wird.

Das Ändern der Rahmenstärke in „dünn“ scheint das Problem effektiv zu lösen, was darauf hindeutet, dass die Das Problem hängt mit der Darstellung dünner Ränder in Chrome zusammen.