Oii Ana! Tudo bem?
A busca pelo elemento HTML do tipo telefone utilizando a sintaxe input[type=tel] não está relacionada à estilização do elemento HTML, mas sim à seleção desse elemento através do JavaScript. Essa sintaxe é um seletor de atributo CSS, que também pode ser usado no JavaScript para selecionar elementos com base em seus atributos. No caso, type=tel seleciona todos os elementos input que têm o atributo type com o valor tel.
No JavaScript, quando utilizamos document.querySelector('input[type=tel]'), estamos dizendo ao navegador para encontrar o primeiro elemento input que tenha um atributo type com o valor tel. Isso é útil para manipular o elemento com JavaScript, como adicionar eventos, alterar propriedades, etc.
Espero que tenha te ajudado a entender melhor.
Um abraço e bons estudos.