Jak zmienić wygląd placeholdera w CSS

Atrybut placeholder jest to tekst (podpowiedź), która wyświetla się polach formularza. Wykorzystałam atrybut placeholder na stronie Fanka Kodowania, w zakładce KONTAKT w formularzu kontaktowym.

W polach input i textarea wyświetlają się podpowiedzi, co należy do nich wpisać. Po kliknieciu w dane pole podpowiedź znika.

Domyślnie tekst podpowiedzi jest w szarym kolorze. Jednak można to zmienić w bardzo prosty sposób.

Jak zmienić wygląd placeholdera

Zmiana domyślnego wyglądu placeholdera jest bardzo prosta. Przykładowo chcemy zmienić kolor tekstu na zielony. W tym celu wystarczy użyć poniższego kodu CSS:

  ::-webkit-input-placeholder { /* Edge */
    color: green;
  }

  :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: green;
  }

  ::placeholder {
      color: green;
  }