Change input placeholder text 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

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

Change input placeholder text css

#text2::-webkit-input-placeholder::before {
    color:#666;
    content:"Line 1\A Line 2\A Line 3\A";
}

-1

Source: stackoverflow.com

Similar codes

0 vote282 views1 answer
How do I link a CSS file to a folder?
CSS
1 vote263 views1 answer
Css remove whitespace around element
CSS
0 vote268 views2 answers
How to use font awesome unicode in css
CSS
0 vote220 views1 answer
Cs cart ty-no-image__icon ty-icon-image
CSS
8 votes293 views2 answers
Css resize checkbox
CSS
0 vote234 views1 answer
Laravel asset css not found
CSS
1 vote254 views1 answer
How to boosts your rendering performance
CSS
0 vote244 views2 answers
How to define max number of character for a paragraph css
CSS
0 vote243 views1 answer
Alinhar ao centro align item css
CSS
1 vote252 views2 answers
How to add google fonts to css in react
CSS