[Résolu] Problème élément <select> dans un élément <button>

Bonjour,

Est-ce que quelqu'un pourrait m'expliquer pourquoi ce code fonctionne très bien sur chrome, opera et edge mais ne fonctionne pas du tout sous firefox et internet explorer ?

Si j'enlève l'élément <button> le code fonctionne sur firefox et internet explorer mais j'aimerais que l'élément <select> soit contenu dans l'élément <button>.

https://jsfiddle.net/ox3eafaz/2/

Merci d'avance !
Modifié par poncho (29 Jul 2017 - 16:23)

ça deped quel version de navigateur t'utilises

et aussi il faut savoir que pour mozilla et safari il y a des ballises en css comme webkit etc...

Tous mes navigateurs sont à jours. Et j'ai beau chercher sur le web je ne vois rien en terme de webkit ou -moz-.. qui pourrait m'aider

Pour ceux que ça intéressent, j'ai tout simplement remplacé la balise <button> par une balise <div>.

C'est ce qui fallait faire cela n'a pas beaucoup de sens de mettre un select dans un bouton dans tout les cas

poncho a écrit :
Tous mes navigateurs sont à jours. Et j'ai beau chercher sur le web je ne vois rien en terme de webkit ou -moz-.. qui pourrait m'aider

https://www.google.fr/search?q=webkit+css

Regarde si t'as pas trouvé

J'ai proposé ça parce que je pensais que tu voulais utiliser le <button> pour je ne sais pas quelle raison.

Sinon un select commence toujours par un <select> et et il peut se trouver dans un block <div> pour peut-être changer la position dans page html

Aucun autre élément de formulaire, ni aucun lien, ni plus généralement aucun élément cliquable ou interactif ne peut se trouver dans <button>. C'est écrit dans la spec.

Dès lors, ne pas se plaindre si le comportement est aléatoire.
Modifié par QuentinC (05 Aug 2017 - 08:54)