JSFiddle - React, Tailwind, and code Playground

HTML

<div id="thediv" style="background-color:#ffffff;width:100px;height:100px;border:1px solid;">
    <select>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
    </select>
</div>

JavaScript

$(function() {
    $('#thediv').hover(
        function () {
            $('#thediv').css('background-color', '#ff0000');
        },
        function () {
            $('#thediv').css('background-color', '#ffffff');
        }
    );
});