JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>
         <a tabIndex="-1" class="ui" id="ui-id-17"  href="#tabs-1">
             Content
             </a>
        </li>
        <li>
            <a tabIndex="-1" class="ui" id="A1" href="#tabs-1">
                People
             </a>
        </li>
        <li>
            <a tabIndex="-1" class="ui" id="A2" href="#tabs-1">
                Test
             </a>
        </l

CSS

a:active, a:focus {
outline:#00FF00 dotted thin;
}