Solucionado
Bom dia, tudo bem? Gostaria de saber qual motivo da diferença visual entre os browsers Google Chrome e Firefox aprensetada na aula em relação ao input onde se encontra o type="datatime-local"?
Por que no Chrome tem o ícone e a aparição de um calendário??? Fiquei na dúvida dessa diferença.
Olá Thiago, tudo bem?
Na verdade, não há um grande motivo para isso... Isso ocorre somente porque são renderizadores diferentes, e por conta disso, os aspectos visuais de uma página são processados de forma diferente, não sendo algo exclusivo do type="datatime-local". Dessa forma, diversos outros recursos se apresentam de forma diferente de acordo com o navegador que a página foi aberta, podendo até mesmo terem propriedades que não são aplicadas devido a incompatibilidade com algum determinado navegador.
Existem algumas estratégias para tentar minimizar essas diferenças e incompatibilidades que são tão comuns. Um exemplo seria o uso de arquivos como o reset.css e o normalize.css, uso das propriedades prefixadas pelos mecanismos de renderização ( -webkit para o Chrome e o Safari, -moz para o Firefox, -o para o Opera, -ms para o Internet Explorer) etc mas nem sempre é solucionado 100%.
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Abraços!
Entendi, obrigado. No caso surgiu outras dúvidas referente ao seu comentáŕio:
Opa Thiago, espero que esteja bem.
Obrigada pelo retorno e parabéns pelo interesse e dedicação!
Indicarei alguns materiais que explicam mais detalhadamente cada uma das suas perguntas!
Ainda não temos materiais específicos que explicam mais detalhadamente sobre como aplicar o normalize, mas você pode se basear na mesma forma de como é feito com o reset (segundo tópico).
Entretanto, muitos cursos da Formação Front-end utilizam tanto o reset quanto o normalize, caso se interesse em fazer os cursos, você poderá ver na prática como se aplica.
Abraços e mais algum dúvida fique a vontade para perguntar!