Skip to content

Instantly share code, notes, and snippets.

@alekskorovin

alekskorovin/placeholder.css

Created October 17, 2013 13:52
Show Gist options
  • Save alekskorovin/7025276 to your computer and use it in GitHub Desktop.
Save alekskorovin/7025276 to your computer and use it in GitHub Desktop.
Download ZIP
Styling of a Placeholder text
Raw
placeholder.css
/* =Placeholders */
/* Reset of Placeholder text behaviour */
:focus::-webkit-input-placeholder { color: transparent; }
:focus::-moz-placeholder { color: transparent; } /* Firefox 19+ */
:focus:-moz-placeholder { color: transparent; } /* Firefox 18 */
/* Color of Placeholder text */
::placeholder { color: #ccc; }
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; opacity: 1; } /* Firefox 19+ */
:-moz-placeholder { color: #ccc; opacity: 1; } /* Firefox 18 */
:-ms-input-placeholder { color: #ccc; }
/* Placeholders */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment