Od czasów HTML5 pola tekstowe formularza obsługują atrybut „placeholder”, który krótko mówiąc pozwala pokazać przykładowy tekst w pustym inpucie. Po więcej info odsyłam tutaj. Ja chciałem natomiast opisać, jak dopiero po paru latach zorientowałem się, że nieświadomie pisałem błędny CSS.

Taki tekst placeholdera można stylować jak wszystko inne (prawie) w CSSie, czyli może mieć np. inny kolor niż wpisana później wartość. Jednak żeby to zadziałało w większości przeglądarek trzeba pamiętać o „vendor prefixach”. A te działają trochę inaczej niż zwykle.

Czytaj dalej…