JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="input" value="fubar">

CSS

input { color:#333; }

input:focus { color:#ccc;transition:color .2s linear 0;
              -webkit-transition:color .2s linear 0;
              -moz-transition:color .2s linear 0 }