Problema de zoom do Chrome: as bordas de entrada desaparecem

Os usuários encontraram um problema desconcertante no Google Chrome, onde as bordas de entrada desaparecem ao aumentar ou diminuir o zoom . Esse problema surgiu em fóruns, fazendo com que os usuários buscassem soluções.

O problema surge ao aumentar o zoom usando o Chrome, resultando no desaparecimento das bordas de entrada. Esse comportamento foi observado em determinados sites e pode variar dependendo do nível de zoom.

Solução: modificação CSS para espessura da borda

Uma solução direta para esse problema envolve a modificação o CSS para as bordas. Especificamente, alterar a espessura da borda de um valor fixo para "fino" resolve o problema.

Por exemplo, se o CSS originalmente incluía o seguinte código:

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

Substituí-lo pelo seguinte código corrige o problema:

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

Bug do Chrome ou problema de CSS?

A causa raiz desse comportamento não é clara. Enquanto alguns especulam que pode ser um bug do Chrome, outros sugerem que o problema está no CSS usado para definir as bordas.

Alterar a espessura da borda para "fina" parece resolver efetivamente o problema, sugerindo que o o problema está relacionado à renderização de bordas finas no Chrome.