How can I change the background color of a selected option? (HTML)

Question

When I select one or multiple options in select box in Firefox, the background of the selected options will be blue. But how can I change this background-color with CSS or JS?

enter image description here

Any Ideas?

You might want to take a look at http://stackoverflow.com/questions/1072239/is-it-possible-to-style-a-select-box — Hidden Hobbes, Dec 09 '14 at 15:41

score 0 · Answer 1 · answered Dec 09 '14 at 16:12

0

    <input type="checkbox" value="text" /><span>Item 1</span>
    <input type="checkbox" value="text" /><span>Item 2</span>

<style>
    input:checked + span {
        background: blue;
    }
</style>

answered Dec 09 '14 at 16:12

ankova

56
2

How can I change the background color of a selected option? (HTML)

1 Answers1