How to change placeholder text color

, ,


Here is the sample code for changing 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;
}

If you want to add color for particular input add below code

#name::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
#name::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
#name:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
#name:-moz-placeholder { /* Firefox 18- */
  color: pink;
}


#name - mean id of the input or textarea, you can also use tag name or class name





Related Post


Latest Post


Recent Posts Widget

Make sure to never miss a thing...

Get the latest news from the creative industry along with other creative goodies, conveniently delivered to social media.