1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
2 color: pink;
3}
4::-moz-placeholder { /* Firefox 19+ */
5 color: pink;
6}
7:-ms-input-placeholder { /* IE 10+ */
8 color: pink;
9}
10:-moz-placeholder { /* Firefox 18- */
11 color: pink;
12}
1input::-webkit-input-placeholder {/* Chrome/Opera/Safari/Edge */
2 /*styles here*/
3}
4
5input::-ms-input-placeholder { /* Microsoft Edge */
6 /*styles here*/
7}
8
9input:-ms-input-placeholder {/* IE 10+ */
10 /*styles here*/
11}
12
13input::-moz-placeholder {/* Firefox 19+ */
14 opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
15 /*styles here*/
16}
17
18input:-moz-placeholder {/* Firefox 18- */
19 opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
20 /*styles here*/
21}
22
23input::placeholder {
24 /*styles here*/
25}
1/* do not group these rules */
2*::-webkit-input-placeholder {
3 color: red;
4}
5*:-moz-placeholder {
6 /* FF 4-18 */
7 color: red;
8 opacity: 1;
9}
10*::-moz-placeholder {
11 /* FF 19+ */
12 color: red;
13 opacity: 1;
14}
15*:-ms-input-placeholder {
16 /* IE 10+ */
17 color: red;
18}
19*::-ms-input-placeholder {
20 /* Microsoft Edge */
21 color: red;
22}
23*::placeholder {
24 /* modern browser */
25 color: red;
26}