JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Peanut <a href="#">Butter</a>
</div>
<div class="uc" tabIndex=0>
    Input
</div>
<div class="uc" tabIndex=0>
    Input
</div>
<div>
    Jelly
</div>

CSS

.uc {
    background: #ffa;
}

.focused {
    color: #660;
}

JavaScript

var uc = $$('.uc');

uc.addEvents({'focus': function(ev){ 
    this.addClass('focused');
              }
              ,'blur': function(ev){ 
    this.removeClass('focused');
              }
             });