JSFiddle - React, Tailwind, and code Playground

HTML

<label for="unstyled">Unstyled
    <input id="unstyled" name="unstyled" type="text" placeholder="unstyled">
</label>
<label for="styled">Styled
    <input id="styled" name="styled" type="text" placeholder="styled">
</label>

CSS

label {
    display: block;
}
#styled::-webkit-input-placeholder {
    color: #757575;
}
#styled:-moz-placeholder {
    /* Firefox 18- */
    color: #757575;
}
#styled::-moz-placeholder {
    /* Firefox 19+ */
    color: #757575;
}
#styled:-ms-input-placeholder {
    color: #757575;
}