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;
}