Comment changer la couleur de sélection pour sélectionner l'option?

Je suis en train de changer de couleur de sélection pour sélectionner l'option.
J'ai essayé de faire ceci:

option::selection {background: #ccc;}
option::-moz-selection {background: #ccc;}
option::-webkit-selection {background: #ccc; color:#fff;}

Mais ça ne fonctionne pas. Cela ne fonctionne que pour du texte simple, pas d'option.
Est-il possible de modifier la couleur de sélection?
Je n'ai pas besoin de changer le fond de l'option sélectionnée. J'ai besoin de changer la couleur de sélection.
Merci.

Un possible double l'Évolution des <select> couleur de surbrillance, alors que je pense que c' est une double question, je ne suis pas tout à fait certain en raison de la vague de descriptions dans ce domaine, et que, question.
Pourquoi travaillez-vous avec les sélectionner? Si vous voulez un peu de super cool de styles que vous devez commencer à utiliser des listes html.
Double Possible de Comment faire pour changer de zone sélectionnez l'option couleur d'arrière-plan?
Je ne crois pas qu'il y a une solution fiable qui fonctionne sur tous les navigateurs/périphériques sans utiliser une bibliothèque comme Select2. Je vous suggère de regarder cette (stackoverflow post)[stackoverflow.com/questions/1895476/... concernant le style de l'sélectionne.

OriginalL'auteur Peter | 2013-07-17

  1. 1

    essayer celui-là, il sera peut-être utile pour vous.

    select{
    margin:40px;
    background: yellow;
    color:#000;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
option:not(:checked) { 
    background-color: #FFF; 
}

    HTML

    <select>
    <option val="">Select Option</option>
    <option val="1">Option 1</option>
    <option val="2">Option 2</option>
    <option val="3">Option 3</option>
    <option val="4">Option 4</option>
</select>

    Démo JsFiddle: https://jsfiddle.net/hamzanisar/yfg8vdme/

    OriginalL'auteur Muhammad Hamza Nisar

  2. 0

    essayer cette

    http://jsfiddle.net/zNTqm/287/

    JAVASCRIPT

    $('.mySelect').change(function () {
    $(this).find('option').css('background-color', 'transparent');
    $(this).find('option:selected').css('background-color', '#cccccc');
}).trigger('change');

    HTML

    <select class="mySelect">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
    Non, cela ne fonctionne que pour le fond de l'option elle-même. Et j'ai besoin de changer la couleur de sélection, pas de la couleur de l'option.

    OriginalL'auteur Falguni Panchal