JSFiddle - React, Tailwind, and code Playground

by archanamahesan

HTML

<input id="search" class="search-query" placeholder="Placeholder text here" name="" value"">

CSS

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: uppercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: uppercase;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: uppercase;
}