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

2 votes130 views1 answer
Css rounded corners at top only
CSS
0 vote114 views1 answer
Css rich text editor tailwind
CSS
0 vote106 views1 answer
Which CSS property is used to add shadow to an element?
CSS
0 vote153 views2 answers
Using materialize css with react
CSS Materialize
29 votes122 views3 answers
Green hex code
CSS
5 votes126 views2 answers
Word spacing css
CSS
32 votes126 views5 answers
Css text align right
CSS
0 vote116 views5 answers
What is the difference between relative and absolute css
CSS
2 votes135 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
0 vote124 views1 answer
Font awesome saas gem
CSS