WebKit placeholder text color

This content originally appeared on @mdo and was authored by Mark Otto

<input type="text" id="phone" placeholder="xxx-xxx-xxxx">

::-webkit-input-placeholder {
  color: #ccc;
}

Anthony Short shows us how to change the placeholder text for input fields in WebKit browsers.

This content originally appeared on @mdo and was authored by Mark Otto

Print Share Comment Cite Upload Translate

APA

Mark Otto | Sciencx (2023-12-01T04:11:33+00:00) » WebKit placeholder text color. Retrieved from https://www.scien.cx/2010/08/30/webkit-placeholder-text-color/.

MLA

" » WebKit placeholder text color." Mark Otto | Sciencx - Monday August 30, 2010, https://www.scien.cx/2010/08/30/webkit-placeholder-text-color/

HARVARD

Mark Otto | Sciencx Monday August 30, 2010 » WebKit placeholder text color., viewed 2023-12-01T04:11:33+00:00,<https://www.scien.cx/2010/08/30/webkit-placeholder-text-color/>

VANCOUVER

Mark Otto | Sciencx - » WebKit placeholder text color. [Internet]. [Accessed 2023-12-01T04:11:33+00:00]. Available from: https://www.scien.cx/2010/08/30/webkit-placeholder-text-color/

CHICAGO

" » WebKit placeholder text color." Mark Otto | Sciencx - Accessed 2023-12-01T04:11:33+00:00. https://www.scien.cx/2010/08/30/webkit-placeholder-text-color/

IEEE

" » WebKit placeholder text color." Mark Otto | Sciencx [Online]. Available: https://www.scien.cx/2010/08/30/webkit-placeholder-text-color/. [Accessed: 2023-12-01T04:11:33+00:00]

rf:citation

» WebKit placeholder text color | Mark Otto | Sciencx | https://www.scien.cx/2010/08/30/webkit-placeholder-text-color/ | 2023-12-01T04:11:33+00:00