Style placeholder text

Share Button

The placeholder attribute on <input> and <textarea> elements provides a hint to the user of what can be entered in the field. The placeholder text must not contain carriage returns or line-feeds.

The browsers so far implementing the gray color for placeholder text. Using pseudo-class you can change the appearance of placeholder text.

Quick demo

See the Pen Style placeholder text by Aamir Afridi (@aamirafridi) on CodePen.

Share Button
Copyright © 2018 — musings of Aamir Afridi