Changer la couleur de l’option sélectionnée – jQuery

J’ai essayé avec CSS mais il semble que ce ne soit pas possible:

Etant donné que vous ciblez également la balise select et non la balise option , ce sélecteur signifie que tout élément select nested à l’intérieur d’un élément ayant la class .select

 select option[selected] { color: red; } 

Démo

Vous utilisez la class afin que vous puissiez faire un sélecteur comme

 .select option[selected] { color: red; } 

Comme ça

démo

js

  $('.select').change(function () { $(this).find('option').css('color', '#000000'); $(this).find('option:selected').css('color', '#ff0000'); }).sortinggger('change'); 

Essayer

 $('.select').change(function () { $(this).find('option:selected').css('background-color', 'red'); }); 

pour changer la couleur du texte

  $(this).find('option:selected').css('color', 'red'); 

VIOLON

Tu peux faire:

  $('.select option:selected').css('color','#2b2b2b'); 

ou si vous souhaitez déclencher l’événement à chaque fois que l’option de select a été modifiée, vous pouvez procéder comme suit:

 $('.select').change(function () { $(this).find('option:selected').css('color','#2b2b2b'); }); 

ou simplement avec css:

 select option:checked { color: #2b2b2b; } 

 .select option:checked { color: red; } 

Pas sûr de la compatibilité du navigateur sur celui-ci ..

Edit: https://developer.mozilla.org/en-US/docs/Web/CSS/:checked