Input elements can sometimes show placeholder text as a hint to the user on what to type in. See, for example, the placeholder attribute in HTML5. The :placeholder-shown pseudo-class matches an input element that is showing such placeholder text.
| Spec | https://www.w3.org/TR/selectors4/#placeholder |
|---|---|
| Status | W3C Working Draft |
| IE | Edge | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 73 | |||||
| 65 | 72 | ||||
| 64 | 71 | TP | |||
| 11 (2,*) | 18 | 63 | 70 | 12 | 56 |
| 10 (2,*) | 17 | 62 | 69 | 11.1 | 55 |
| 9 | 16 | 61 | 68 | 11 | 54 |
| 8 | 15 | 60 | 67 | 10.1 | 53 |
| Show all | |||||
| 7 | 14 | 59 | 66 | 10 | 52 |
| 6 | 13 | 58 | 65 | 9.1 | 51 |
| 5.5 | 12 | 57 | 64 | 9 | 50 |
| 56 | 63 | 8 | 49 | ||
| 55 | 62 | 7.1 | 48 | ||
| 54 | 61 | 7 | 47 | ||
| 53 | 60 | 6.1 | 46 | ||
| 52 | 59 | 6 | 45 | ||
| 51 | 58 | 5.1 | 44 | ||
| 50 (1,*) | 57 | 5 | 43 | ||
| 49 (1,*) | 56 | 4 | 42 | ||
| 48 (1,*) | 55 | 3.2 | 41 | ||
| 47 (1,*) | 54 | 3.1 | 40 | ||
| 46 (1,*) | 53 | 39 | |||
| 45 (1,*) | 52 | 38 | |||
| 44 (1,*) | 51 | 37 | |||
| 43 (1,*) | 50 | 36 | |||
| 42 (1,*) | 49 | 35 | |||
| 41 (1,*) | 48 | 34 | |||
| 40 (1,*) | 47 | 33 | |||
| 39 (1,*) | 46 | 32 | |||
| 38 (1,*) | 45 | 31 | |||
| 37 (1,*) | 44 | 30 | |||
| 36 (1,*) | 43 | 29 | |||
| 35 (1,*) | 42 | 28 | |||
| 34 (1,*) | 41 | 27 | |||
| 33 (1,*) | 40 | 26 | |||
| 32 (1,*) | 39 | 25 | |||
| 31 (1,*) | 38 | 24 | |||
| 30 (1,*) | 37 | 23 | |||
| 29 (1,*) | 36 | 22 | |||
| 28 (1,*) | 35 | 21 | |||
| 27 (1,*) | 34 | 20 | |||
| 26 (1,*) | 33 | 19 | |||
| 25 (1,*) | 32 | 18 | |||
| 24 (1,*) | 31 | 17 | |||
| 23 (1,*) | 30 | 16 | |||
| 22 (1,*) | 29 | 15 | |||
| 21 (1,*) | 28 | 12.1 | |||
| 20 (1,*) | 27 | 12 | |||
| 19 (1,*) | 26 | 11.6 | |||
| 18 (1,*) | 25 | 11.5 | |||
| 17 (1,*) | 24 | 11.1 | |||
| 16 (1,*) | 23 | 11 | |||
| 15 (1,*) | 22 | 10.6 | |||
| 14 (1,*) | 21 | 10.5 | |||
| 13 (1,*) | 20 | 10.0-10.1 | |||
| 12 (1,*) | 19 | 9.5-9.6 | |||
| 11 (1,*) | 18 | 9 | |||
| 10 (1,*) | 17 | ||||
| 9 (1,*) | 16 | ||||
| 8 (1,*) | 15 | ||||
| 7 (1,*) | 14 | ||||
| 6 (1,*) | 13 | ||||
| 5 (1,*) | 12 | ||||
| 4 (1,*) | 11 | ||||
| 3.6 | 10 | ||||
| 3.5 | 9 | ||||
| 3 | 8 | ||||
| 2 | 7 | ||||
| 6 | |||||
| 5 | |||||
| 4 | |||||
| iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
|---|---|---|---|---|---|---|---|---|---|---|---|
| 12 | all | 67 | 10 | 46 | 70 | 63 | 11 | 11.8 | 7.2 | 1.2 | 7.12 |
| 11.3-11.4 | 4.4.3-4.4.4 | 7 | 12.1 | 10 | 6.2 | ||||||
| 11.0-11.2 | 4.4 | 12 | 5 | ||||||||
| 10.3 | 4.2-4.3 | 11.5 | 4 | ||||||||
| Show all | |||||||||||
| 10.0-10.2 | 4.1 | 11.1 | |||||||||
| 9.3 | 4 | 11 | |||||||||
| 9.0-9.2 | 3 | 10 | |||||||||
| 8.1-8.4 | 2.3 | ||||||||||
| 8 | 2.2 | ||||||||||
| 7.0-7.1 | 2.1 | ||||||||||
| 6.0-6.1 | |||||||||||
| 5.0-5.1 | |||||||||||
| 4.2-4.3 | |||||||||||
| 4.0-4.1 | |||||||||||
| 3.2 | |||||||||||
For support of styling the actual placeholder text itself, see CSS ::placeholder
Partial support in Firefox refers to using the non-standard :-moz-placeholder name rather than :placeholder-shown.
Partial support in IE refers to using the non-standard :-ms-input-placeholder name rather than :placeholder-shown.
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-placeholder-shown