JSFiddle - React, Tailwind, and code Playground

by Ralph Echter

HTML

<input placeholder="Enter a tag..." />

CSS

input {
    display: block;
    padding: 2%;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #888;
    color: red;
}

input::-webkit-input-placeholder { color: red }
input::-moz-placeholder { color: red }
input::-ms-input-placeholder { color: red }

body, html {
  background-color: #111;
}