JSFiddle - React, Tailwind, and code Playground

by costard

HTML

<input type="text" placeholder="Please enter a text message.">

SCSS

input {
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  border-radius: 0.28571429rem;
  width: 200px;
  
  &::placeholder {
    color: #f5747f;
    opacity: 1; /* Firefox */
  }
  &:-ms-input-placeholder {
    color: #f5747f; /* Internet Explorer 10-11 */
  }
  &::-ms-input-placeholder {
    color: #f5747f !important; /* Microsoft Edge */
  }
  &::-webkit-input-placeholder {
    color: #f5747f; /* Safari, Chrome */
  }
}