dropdown menu hover effects css code example
Example 1: Dropdown menu HTML
<select id="gender">
<option value="male"> Male </option>
<option value="female"> Female</option>
</select>
Example 2: dropdown on hover
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; // remove the gap so it doesn't close
}