How to customize placeholder 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 customize placeholder css

<form>
  <input type="text" id="name" name="name" required="required" />
  <label for="name">Name</label>
  <br/>
  <input type="email" id="email" name="email" placeholder="Email" required="required" />
  <br/>
  <input type="submit" />
</form>
 Run code snippetHide results

Source: stackoverflow.com

Similar codes

22 votes111 views5 answers
Css center grid
CSS
15 votes102 views2 answers
Background-image: url opacity
CSS
0 vote102 views3 answers
Input adresse ville automatique
CSS
3 votes60 views1 answer
Css margin bottom not working
CSS
0 vote101 views1 answer
How to allow text to be copied in an input element ionic
CSS
46 votes90 views2 answers
Customize scrollbar
CSS
8 votes105 views3 answers
Text break css
CSS
0 vote106 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
0 vote97 views3 answers
Image not rendering in tailwind css
CSS
22 votes116 views2 answers
React bootstrap carousal not working
CSS