Created
May 16, 2017 13:00
-
-
Save Manoz/cd25b1128df1867211424e4c7dec73ee to your computer and use it in GitHub Desktop.
SASS/LESS Placeholders
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // More infos: https://css-tricks.com/almanac/selectors/p/placeholder/ | |
| input { | |
| // Chrome/Safari/Opera | |
| &::-webkit-input-placeholder { | |
| // Your styles | |
| } | |
| // Firefox 19+ | |
| &::-moz-placeholder { | |
| opacity: 1; // Fix FF behavior | |
| // Your styles | |
| } | |
| // Firefox 18- | |
| &:-moz-placeholder { | |
| opacity: 1; // Fix FF behavior | |
| // Your styles | |
| } | |
| // IE 10+ | |
| &:-ms-input-placeholder { | |
| // Your styles | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Note that Firefox 18- and IE 10+ have only one
:character.