JSFiddle - React, Tailwind, and code Playground

by Joe Pigott

HTML

<input>

CSS

input {
    background: #dadae3;
    border: 1px solid #dadae3;
    border-radius: 10px;
    transition: 0.5s linear;
    height: 20px;
    font-family: Helvetica;
    color: #73318e;
    font-size: 14px;
}
input:hover {
    background: #c4c4cc;
    border: 1px solid #c4c4cc
}
input:focus {
    outline: 0;
    border: 1px solid #73318e;
    box-shadow: 0 0 5px;
}