css placeholder color

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::-webkit-input-placeholder {color: pink;} /* Chrome/Opera/Safari */
2::-moz-placeholder { color: pink;} /* Firefox 19+ */
3:-ms-input-placeholder { color: pink;} /* IE 10+ */
4:-moz-placeholder {color: pink;}  /* Firefox 18- */

1<p class="text-primary">.text-primary</p>
2<p class="text-secondary">.text-secondary</p>
3<p class="text-success">.text-success</p>
4<p class="text-danger">.text-danger</p>
5<p class="text-warning">.text-warning</p>
6<p class="text-info">.text-info</p>
7<p class="text-light bg-dark">.text-light</p>
8<p class="text-dark">.text-dark</p>
9<p class="text-muted">.text-muted</p>
10<p class="text-white bg-dark">.text-white</p>

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}