Select Option color Change

Hi,
I am trying to change the on-hover color of the select options in the filter. On your demo page, I see that select item is given in terms of span with class and not options.

https://woobewoo.com/plugins/woocommerce-filter/

<div class=”selecter-options” style=”display: block;”>
<span class=”selecter-item selected” data-value=”default”>Default</span>
<span class=”selecter-item” data-value=”popularity”>Popularity</span>
<span class=”selecter-item” data-value=”rating”>Rating</span>
<span class=”selecter-item” data-value=”date”>Newness</span>
</div>

on my page it is
<div class=”wpfCheckboxHier”>
<select>
<option value=”” data-slug=””>Subject Category</option>
<option data-term-name=”Autobiography” data-term-slug=”autobiography” data-count=”0″ data-term-id=”29″ value=”29″ data-slug=”autobiography” data-img=””>   Autobiography</option>
<option data-term-name=”Biographies” data-term-slug=”biographies” data-count=”0″ data-term-id=”30″ value=”30″ data-slug=”biographies” data-img=””>   Biographies</option>
<option data-term-name=”Biology” data-term-slug=”biology” data-count=”0″ data-term-id=”31″ value=”31″ data-slug=”biology” data-img=””>   Biology</option><option data-term-name=”Chemistry” data-term-slug=”chemistry” data-count=”0″ data-term-id=”32″ value=”32″ data-slug=”chemistry” data-img=””>   Chemistry</option>
</select>
</div>

so I am not able to write a specific css to change the look of this.

Kindly help me with this.

The page I need help with: [log in to see the link]