changer couleur de surbrillance de la liste déroulante en javascript

Question

J'ai une liste déroulante avec 4 éléments à l'intérieur. Une surbrillance bleue apparaît lorsque je sélectionne un élément de celui-ci. Je veux changer cette couleur .. Est-ce possible?

J'ai essayé suivante:

J'exécute ce code sur ommouseover de l'élément d'option (j'ai essayé pour le clic aussi)

option = document.getElementById("option1"); 
option.style.backgroundColor = "#ff0000"; 

Le code est exécuté, mais la couleur n'est pas appliquée.

J'ai lu beaucoup de messages similaires à propos de la même chose sur ce site mais il n'y a pas de post pour modifier cette couleur de surbrillance bleue (par défaut). Y a-t-il un moyen de le faire?

Merci

Answer 1

Vous ne devriez pas essayer de modifier les styles de contrôles intégrés tels que la boîte de sélection. Au lieu de cela, si vous avez besoin d'une apparence personnalisée, utilisez une boîte à outils GUI telle que jQuery UI ou YUI. Ils remplacent vos contrôles par des commandes maison fabriquées à partir de divs et de styles CSS, de sorte qu'ils sont complètement stylables et modifiables.