JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<input type="text" id="outlined" placeholder="This has an outline" />
<input type="text" id="nooutline" placeholder="This has no outline" />

CSS

input {
    display: block;
    margin: 1em;
}

#outlined:focus {
    outline-style: thick;
    outline-color: green;
    outline-style: dotted;
}

#nooutline {
    outline: none;
}