css - menu déroulant (en option, sélectionnez)

Question

Je suis en mesure de contrôler la largeur de l'option, etc.

Cependant, vous savez que l'option sélectionnée est mise en surbrillance en faisant fond bleu et texte couleur blanche par défaut. Ce fond bleu ne couvre pas toute la largeur de l'option sélectionnée. Le fond bleu couvre tout le texte cependant. Cependant, je voudrais qu'il couvre toute la largeur de l'option.

Voir cette image pour savoir ce que je veux dire:

http://img69.imageshack.us/img69/2752/dropdowno.jpg

Voilà comment je suis en train de la largeur de l'option et sélectionnez

option 
{ 
    width:100px; 
} 
select 
{ 
    width:100px; 
} 

Answer 1

Je suis désolé de dire que la plupart des navigateurs ne vous permettra pas de faire cela; les formes restent très difficiles à coiffer. L'arrière-plan ne peut pas étendre la largeur totale de son élément parent car le navigateur prend en compte la largeur de la barre de défilement de l'élément (qu'il soit ou non réellement présent). Cependant, vous pourriez utiliser Javascript pour rendre les remplacements qui peuvent être stylés au contenu de votre coeur, et il y a beaucoup de façons de le faire. Si vous utilisez jQuery, vous pouvez regarder dans compilation of plugins.