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

32 votes194 views3 answers
Letter spacing css
CSS
0 vote198 views1 answer
Media queries css wit logical operators
CSS
1 vote186 views1 answer
Ion-content --offset-bottom
CSS
25 votes207 views3 answers
How to add spaces between text in html
CSS
0 vote179 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
1 vote179 views1 answer
Bootstrap Changing the separator
CSS
0 vote172 views1 answer
Lier class et css
CSS
6 votes164 views6 answers
How to properly install tailwind css in react
CSS
0 vote183 views1 answer
Prevent mailto href indexing
CSS
175 votes192 views6 answers
Background css image
CSS