Hoe de kleur van de placeholder te veranderen

Leer hoe je de kleur van de placeholder-eigenschappen met CSS kunt veranderen.

Try it yourself

Hoe de kleur van de placeholder te veranderen

Eerste stap - Voeg HTML toe:

gebruik een invoerelement en voeg placeholder eigenschappen:

<input type="text" placeholder="Een rood placeholder tekst..">

Tweede stap - Voeg CSS toe:

in de meeste browsers is de placeholder tekst grijs. Om deze instelling te wijzigen, gebruik je ::placeholder selector om de stijl van de placeholder in te stellen.

Let op, Firefox voegt een lagere onzichtbaarheid toe aan de placeholder, dus gebruiken we onzichtbaarheid: 1 los dit probleem op.

::placeholder {
  kleur: rood;
  onzichtbaarheid: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  kleur: rood;
{}

Try it yourself

Related pages

Reference manual:CSS ::placeholder selector