Skip to content

Instantly share code, notes, and snippets.

@superbiche

superbiche/placeholder.scss

Last active May 8, 2017 11:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save superbiche/80a8c2727b2883394e0b to your computer and use it in GitHub Desktop.
Save superbiche/80a8c2727b2883394e0b to your computer and use it in GitHub Desktop.
Download ZIP
Cross-browser placeholder sass mixin
Raw
placeholder.scss
@mixin placeholder() { // using a mixing cause extending a class will result in parse failure
// your styles go here
}
[placeholder] {@include placeholder()}
:-moz-placeholder {@include placeholder()}
::-moz-placeholder {@include placeholder()}
:-ms-input-placeholder {@include placeholder()}
::-o-placeholder {@include placeholder()}
::-webkit-input-placeholder {@include placeholder()}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment