1
resposta

Como deixar o placeholder em itálico

<label id="name">Nome e Sobrenome:</label>
<input type="text" id="name" placeholder="Nome... Sobrenome...">

<label id="email">Email:</label>
<input type="text" id="email" placeholder="email@dominio.com">

<label id="telefone">Telefone:</label>
<input type="text" id="telefone" placeholder="(XX) XXXXX-XXXX">

Primeiro, tentei uma forma de estilizar dentro do próprio input, adicionei em linha style="font-style:intalic";. percebi que tanto o placeholder como o input do usuario ficavam em italico. Procurando uma solução, deparei com a possibilidade de no css fazermos essa alteração com:

::placeholder { 
    font-style: italic;
}

Pelo que entendi, o "::placeholder" serve como um selecionador do atributo placeholder das tags . Contudo, não sei se entendi certo e , por isso, gostaria de ter mais informações sobre o uso do" :: " e seu significado. Grato!

1 resposta

Fala Barros, tudo bem?

Então, isso é o que chamamos de pseudo-elementos que é alguma palavra chave (nesse caso o placeholder) que permite que você estilize uma parte específica do elemento selecionado a sintaxe é a seguinte:

seletor::chave {
    estilo
}

Exemplo:

input::placeholder {
    font-size: 18px
}

No exemplo acima definimos que o tamanho da fonte do placeholde do input será de 18px.

Os pseudo elementos devem ser usados com dois : para distinguir das pseudo-classes que é um estado especial do elemento selecionado.

Espero ter ajudado!