How to change default blue select option colour in CSS

Question

What is the easiest way to change this default blue background when you hover over a select menu option? Can it be done with just CSS?

I've tried using :hover and :active selectors but it hasn't worked

Please help!

it's difficult to change style of option tag, it's easier to just make your own drop down list — Chris Li, Sep 23 '18 at 18:24
@ChrisLi thank you, the thing is I don't host this dropdown, it's provided by a third party currency converter app and I can only change its styling via CSS. So there is absolutely no way to change it? It's the last tiny detail I need to get right and the website is good to go :p — Louay Madrid, Sep 23 '18 at 19:01
heres a post on styling option tag https://stackoverflow.com/questions/5887133/how-to-style-a-select-tags-option-element — Chris Li, Sep 23 '18 at 19:06

Lukáš Gibo Vaic · Answer 1 · 2018-09-25T07:45:42.240

0

This behaviour is bound to :focus

select:focus {
   outline: 5px dotted green;
}

edited Sep 25 '18 at 07:45

answered Sep 23 '18 at 17:34

Lukáš Gibo Vaic

Thank you so much but I meant the options (in the dropdown) the background is blue and I want to change that to #000 and the text color stays as #fff – Louay Madrid Sep 23 '18 at 18:00
@LouayMadrid Madrid can you provide html code of the select? – Lukáš Gibo Vaic Sep 25 '18 at 07:48

1 Answers1