JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">

CSS

.mouseover {
   border: 1px solid #000;
}
input {
   display: block;
   margin: .5em;
}

JavaScript

var txtbx = document.getElementsByTagName( 'input' )
  , i, l = txtbx.length
  ;
for( i = 0; i < l; i++ ){
	txtbx[ i ].addEventListener( 'mouseenter', function( e ) {
		e.currentTarget.classList.add( 'mouseover' );
	}, false );
	txtbx[ i ].addEventListener( 'mouseleave', function( e ) {
		e.currentTarget.classList.remove( 'mouseover' );
	}, false );
}