Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
1
resposta

Placeholder select

Alguém sabe como fazer um placeholder para um select?

Eu pensei em simplesmente usar o hidden e o selected em uma option, e entao mudar a cor do seu texto, porém não estou conseguindo fazer o último. Alguém sabe como posso mudar a cor do texto de uma option?

1 resposta
solução!

Oi Guilherme,

Você pode criar uma option vazia e colocar o texto lá. Algo como:

<select required>
    <option value="" disabled selected>Selecione...</option>
    <option value="opcao1">Texto1</option>
</select>

Para alterar a cor você pode colocar o select como required e estilizar a opção inválida para cinza, algo como:

select:invalid {
  color: gray;
}

Abraço!