JSFiddle - React, Tailwind, and code Playground

by jessekinsman

HTML

<input type="text" name="test" class="white" />

CSS

.white {
    background-color: white;
}
.red {
    background-color: red;
}
input {
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

JavaScript

$("input").focus(function(e){
    e.preventDefault();
    $(this).addClass("red");
});
$("input").focusout(function(e){
    e.preventDefault();
    $(this).removeClass("red");
});