JSFiddle - React, Tailwind, and code Playground

HTML

<div class="add_product">
    <input name="" type="text" placeholder="Place Holder text here"><input name="submit" type="submit" value="Submit">
    </div>

CSS

.add_product input[type=text]{ color:#444;}

::-webkit-input-placeholder {
   color: #D72D2E;
}

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

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

:-ms-input-placeholder {  
   color: #D72D2E;  
}




:focus::-webkit-input-placeholder {
   color: #F3797A;
}

:focus:-moz-placeholder { /* Firefox 18- */
   color: #F3797A;  
}

:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #F3797A;  
}

:focus:-ms-input-placeholder {  
   color: #F3797A;  
}