Change the color of placeholder - HTML CSS CSS Form

HTML CSS examples for CSS Form:input

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input

Description

Change the color of placeholder

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

.example1::-webkit-input-placeholder {
   color: red;
}
.example2::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
.example3::-moz-placeholder { /* Firefox 19+ */
color: blue;
}
.example4:-ms-input-placeholder { /* IE 10+ */
color: yellow;
}
.example5:-moz-placeholder { /* Firefox 18- */
color: green;
}


      </style> 
 </head> <!--from   ww  w .j a  v  a2 s  .co  m-->
 <body> 
  <input type="text" placeholder="test" class="example1"> 
  <input type="text" placeholder="test" class="example2"> 
  <input type="text" placeholder="test" class="example3"> 
  <input type="text" placeholder="test" class="example4"> 
  <input type="text" placeholder="test" class="example5">  
 </body>
</html>

Related Tutorials