JSFiddle - React, Tailwind, and code Playground

by Ayyappan Sakthivadivel

HTML

<input type="text" />

CSS

.pv-txt-hilt{
  border: #0f0 solid 1px;
}

JavaScript

$('input[type=text], input[type=password], input[type=email]').focus(function () {
      $(this).addClass('pv-txt-hilt');
  });
  $('input[type=text], input[type=password], input[type=email]').blur(function () {
      if($(this).val() == '') {
        $(this).removeClass('pv-txt-hilt');
      }
  });