La création de votre propre liste déroulante est plus d'une douleur que ce qu'il vaut. Vous pouvez utiliser du javascript pour faire de l'IE déroulant travail.
Il utilise un peu de la YUI bibliothèque et une extension spéciale pour la fixation d'internet explorer, sélectionnez les cases.
Vous devez inclure les éléments suivants et les envelopper vos éléments dans un
Mettre avant la balise body de votre page:
<script src="http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/yahoo_2.0.0-b3.js" type="text/javascript">
</script>
<script src="http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/event_2.0.0-b3.js" type="text/javascript">
</script>
<script src="http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/dom_2.0.2-b3.js" type="text/javascript">
</script>
<script src="ie-select-width-fix.js" type="text/javascript">
</script>
<script>
// for each select box you want to affect, apply this:
var s1 = new YAHOO.Hack.FixIESelectWidth( 's1' ); // s1 is the ID of the select box you want to affect
</script>
Post acceptation edit:
Vous pouvez aussi le faire sans l'YUI bibliothèque et Hack de contrôle. Tout ce que vous devez faire est de mettre un onmouseover="this.style.width='auto'" onmouseout="this.style.width='100px'" (ou ce que vous voulez) sur l'élément select. Le YUI contrôle lui donne cette belle animation, mais il n'est pas nécessaire. Cette tâche peut également être réalisé avec jquery et d'autres bibliothèques (bien que, je n'ai pas trouvé de documentation explicite à ce sujet)
-- modification de la modifier:
IE a un problème avec la onmouseout pour sélectionner des contrôles (il ne tient pas compte du passage de la souris sur les options d'un passage de la souris sur le bouton sélectionner). Ce fait à l'aide d'un mouseout très difficile. La première solution est la meilleure que j'ai trouvé jusqu'à présent.
