Hvordan ændrer man pladsholderens farve

Lær at bruge CSS til at ændre farven på pladsholderattributter.

Try it yourself

Hvordan ændrer man pladsholderens farve

Første trin - Tilføj HTML:

Brug input-elementet og tilføj placeholder Egenskab:

<input type="text" placeholder="En rød pladsholder tekst..">

Andet trin - Tilføj CSS:

I de fleste browsere er pladsholderTeksten grå. For at ændre denne indstilling skal du bruge ::placeholder Vælgere til at sætte stilen for pladsholderen.

Bemærk, at Firefox har tilføjet en lavere uigennemskinnelighed til pladsholderen, så vi bruger opacity: 1 Løs dette problemet.

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

Try it yourself

Related pages

Reference manual:CSS ::placeholder selector