JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<select>
<option title="aa"><span>00</span></option>
    <option title="aa"><span>00</span></option>
    <option title="aa"><span>00</span></option>
</select>
<div class="problemsTooltip">aa</div>

CSS

.problemsTooltip {
  display: none;
  background-color: #f4f4f4;
  border: 2px solid black;
  position: absolute;
  z-index: 20002;
  color: #767a7f;
  font-size: 0.8em;
  text-align: left;
  padding: 5px;
  left: 0px;
  max-height: 120px;
  width: 240px;
  overflow-y: auto;
  overflow-x: auto;
  margin-right: 2px;
  }

JavaScript

$(document).ready(function() {
  $("span").hover(function(){
      $(this).css("background-color", "yellow");
      }, function(){
      $(this).css("background-color", "pink");
  });
});