JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="NavItem">
    <li tabindex="0">Nav Item</li>
    <li>Nav Item</li>
    <li tabindex="0">Nav Item</li>
</ul>

CSS

#NavItem li {background-color: transparent; text-decoration: none; }
#NavItem li:hover {background-color: #ff8700;}
#NavItem li:focus {background-color: #ff8700;}