selected option colour mozilla

Question

Is there any way to set the text colour of a selected option in mozilla?

<option selected>blue?</option>

You can change the background using a linear gradient, but is there some hack to change the colour as well?

Possible duplicate of [Why we can't style option of dropdown using CSS?](https://stackoverflow.com/questions/43406185/why-we-cant-style-option-of-dropdown-using-css) — Sebastian Simon, Feb 28 '18 at 12:54

score 0 · Answer 1 · edited Feb 28 '18 at 14:37

use this link. i hope it's very helpful to you

$(document).ready(function() {
  $(document).on("click", "#changeColor", function() {
    $("option").removeClass("change_color");
    $("#changeColor :selected").addClass("change_color")
  })
})

.change_color{
  color:green;
  background-color:yellow;
  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<select id="changeColor">
  <option>red</option>
  <option>red</option>
  <option>red</option>
</select>

selected option colour mozilla

1 Answers1