JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="example" placeholder="Example"><br><br>
<input type="text" class="example" placeholder="Example"><br><br>
<input type="text" class="example" placeholder="Example"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>

CSS

/* WORKING FINE ======================
.example::-webkit-input-placeholder {
    color: red;
}
.example:-moz-placeholder {
    color: red;
}
.example::-moz-placeholder {
    color: red;
}
.example:-ms-input-placeholder {
    color: red;
}
===================================== */



/* NOT WORKING ======================= */
.example::-webkit-input-placeholder,
.example:-moz-placeholder,
.example::-moz-placeholder,
.example:-ms-input-placeholder {
    color: red;
}