JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<input type="email" placeholder="[email protected]">
<div style="zoom:9.9; color:orange">
Test
</div>

CSS

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: orange;
}

:-moz-placeholder { /* Firefox 18- */
  color: orange;
}

::-moz-placeholder { /* Firefox 19+ */
  color: orange;
}

:-ms-input-placeholder { /* IE 10+ */
  color: orange
}

::-ms-input-placeholder { /* Edge */
  color: orange
}

:placeholder-shown { /* Standard one last! */
  color: orange;
}