JSFiddle - React, Tailwind, and code Playground

by peterbenoit

HTML

<input type="text" class="fogus"><br />
<input type="text">

CSS

input
{
    position:relative;left:30px;top:30px;
    width:200px;
    height:20px;
    background-color:#fff;
    border-radius:.6em
}


/* Smooth outline with box-shadow: */
input[type=text]:focus {
    outline:0;
    box-shadow: 0px 0px 2pt 2pt red;
}

/* Hard "outline" with box-shadow: */
input[type=text] {
    box-shadow: 0px 0px 0px 2pt blue;
}