Placeholder color in css

Css placeholder color

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

Source: css-tricks.com

How to change placeholder color

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}

Placeholder color in css

/* do not group these rules */
*::-webkit-input-placeholder {
    color: red;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: red;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: red;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
}
*::placeholder {
    /* modern browser */
    color: red;
}

Source: stackoverflow.com

Similar codes

0 vote162 views4 answers
Width in css
CSS
15 votes166 views4 answers
Sass
CSS
7 votes149 views2 answers
Detect if an element has a class jQurey
CSS
-1 vote154 views2 answers
Multi colors in background in css
CSS
11 votes147 views2 answers
How to remove up and down arrows from input type number
CSS
39 votes173 views6 answers
Css first child
CSS
18 votes127 views2 answers
Red rgba
CSS
89 votes186 views6 answers
Padding
CSS
0 vote149 views1 answer
Css ios media query
CSS
0 vote171 views1 answer
Convert firebase created_at to Date string
CSS