JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="red"> dcadcdac <select>

    <option>sxssd</option>
        <option>sxssd</option>
  
    </select></li>
</ul>
<a href='#'>:focus works</a>
<br />
<br /><hr /><br />
Check <a href="http://jsfiddle.net/s4nji/Rjqy5/153/">this fiddle</a> for possible solutions to make :focus work on li tags

CSS

li:focus, a:focus {
    font-size: 200%;
    background-color: black;outline:2px solid red }
    
    li.red:focus select{
      outline:2px solid red;
      border:1px solid red;
    }