Warum verschwinden die Ränder von Eingabeelementen beim Zoomen in Chrome?

Chrome: Ränder verschwinden beim Zoomen

Bei dieser Anfrage stieß der Benutzer auf ein interessantes Problem, bei dem die Ränder von Eingabeelementen beim Vergrößern verschwanden oder in Chrome. Dies geschah, obwohl das CSS korrekt erschien.

Bei weiteren Untersuchungen stellte sich heraus, dass das Problem nicht am CSS lag, sondern an einer Chrome-spezifischen Rendering-Eigenart. Eine einfache Lösung wurde gefunden, indem die Border-Eigenschaft von „1px solid #aaa“ in „thin solid #aaa“ geändert wurde. Dieser Fix erzwang eine einheitliche Rahmenstärke, unabhängig von der Zoomstufe.

Weitere Untersuchungen ergaben, dass es sich bei dieser Eigenart tatsächlich um einen Chrome-Fehler handelte, da ähnliche Probleme im Produktforum von Google gemeldet wurden. Durch Ersetzen von „px“ durch „thin“ blieb der Rand bei allen Zoomstufen sichtbar. Dies ermöglichte es dem Benutzer, das gewünschte Erscheinungsbild seiner Eingabeelemente auch beim Vergrößern oder Verkleinern beizubehalten.

Das obige ist der detaillierte Inhalt vonWarum verschwinden die Ränder von Eingabeelementen beim Zoomen in Chrome?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!