How to change an Input placeholder color with CSS

wp nav menu4

Make Input form placeholder color and text opacity 100% visible.

Input element with placeholder attribute

<input type="text" placeholder="Your Name">
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#F44336; opacity: 1;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color:#F44336; opacity: 1;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color:#F44336; opacity: 1;
  }
  :-moz-placeholder { /* Firefox 18- */
    color:#F44336; opacity: 1;
  }

Leave a Reply