Ao focar no textarea para dar inicio ao contador, observa-se uma borda azul que ao digitar sobrepoe as cores proposta que codamos quando comparamos o que estamos digitando com o texto principal, ficando um pouco feio.
Com uma linha no css o problema resolveu (pode parecer meio tolo) mas fica bem mais bonito visualmente, segue abaixo o css. Espero ter ajudado.
textarea:focus {
outline: 0;
}
Oi Renan tudo bem?
Obrigado pela contribuição. Continue assim e bons estudos!!!
Boa noite, Renan! Como vai?
Muito bacana esse detalhe que vc observou e a sua solução compartilhada!
Contudo, é importante destacar que essa borda azul adicionada pelo Chrome ao elemento HTML selecionado é uma boa prática de acessibilidade web! Os navegadores utilizam esse recurso para dar uma indicação visual clara para o usuário de qual elemento HTML está selecionado no momento.
Sendo assim, pensando em questões de boa prática, o ideal seria mudar a tal borda do textarea ou até mesmo trocar a cor azul que indica que o campo está selecionado.
Pegou a ideia? Qualquer coisa é só falar!
Grande abraço e bons estudos, meu aluno!