I have been going crazy trying to workout how to change the hover color for a dropdown menu.
I am using Elementor Pro on WordPress. I have a search and filter function added by shortcode to a page.
I’ve been able to apply custom css to style the button and dropdown font size, but for the life of me I can’t change the hover background color for the options on the dropdown.
It is probably quite simple, but the solution escapes me.
Here is the HTML for the dropdown list –
<select name=”ofcategory” id=”ofcategory” class=”postform”>
<option value=”0″ selected=”selected”>Filter by speciality</option>
<option class=”level-0″ value=”153″>Article (2)</option>
<option class=”level-0″ value=”137″>Cosmetic Dentistry (21)</option>
<option class=”level-0″ value=”141″>Dental Hygiene (1)</option>
<option class=”level-0″ value=”149″>Dental Hygienist (1)</option>
<option class=”level-0″ value=”148″>Dental Therapist (1)</option>
<option class=”level-0″ value=”101″>Financial Management (1)</option>
<option class=”level-0″ value=”76″>Non-Scientific (4)</option>
<option class=”level-0″ value=”77″>Orthodontics (9)</option>
<option class=”level-0″ value=”135″>Pain Management (2)</option>
<option class=”level-0″ value=”83″>Pathology (1)</option>
<option class=”level-0″ value=”82″>Periodontics (1)</option>
<option class=”level-0″ value=”140″>Productivity (1)</option>
<option class=”level-0″ value=”81″>Prosthodontics (23)</option>
<option class=”level-0″ value=”138″>Root Caries (1)</option>
<option class=”level-0″ value=”75″>Scientific (60)</option>
<option class=”level-0″ value=”139″>Technology (2)</option>
<option class=”level-0″ value=”136″>TM Disorders (3)</option>
</select>
<input type=”hidden” name=”ofcategory_operator” value=”and”
I am wanting the hover background color to be #20becf.
Any help will be greatly appreciated.