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

3 votes83 views1 answer
Css vendor prefix
CSS
2 votes137 views1 answer
Transition syntax css
CSS
1 vote142 views1 answer
Gatsby hide scrollbar
CSS
4 votes149 views2 answers
How to remove horizontal scrolling
CSS
1 vote125 views3 answers
Font-style
CSS
2 votes148 views4 answers
Css image sharpen
CSS
168 votes183 views4 answers
Css link tag
CSS
6 votes131 views3 answers
How to make rounded corners in css with images
CSS
174 votes178 views6 answers
Css background image
CSS
2 votes168 views3 answers
Css properties in html
CSS