Image du bouton de saisie - ne fonctionne pas dans Chrome et Safari?

Question

J'ai le code suivant dans mon index.html

<li> 
<select name="cmbtype" style="display:none" id="cmbtype" onChange="Changetype()"> 
<option value="0"> 
<input type="image" src="images/ocean.png" value="Play" onclick="previewplay(); " /> 
</option> 
</select> 
</li> 

Dans Firefox, Opera et IE 7 Je vois le ocean.png et je suis en mesure de cliquer dessus. Quand je le fais, il joue en conséquence le mp3 qu'il est censé faire!

Lorsque je charge ce même code dans Safari (Windows et Mac), ainsi que dans Chrome, le fichier ocean.png n'est pas visible et il n'y a pas de bouton à cliquer?

Y at-il quelque chose que je peux ajouter ou faire pour que ce code/design fonctionne dans Safari et Chrome?

Merci

Answer 1

Pourquoi avez-vous l'entrée dans votre sélection?

Il hérite probablement de l'affichage: aucun résultat n'est rendu, ce que je suppose être le bon comportement.

Peut-être que IE, firefox et opera trouvent la syntaxe illégale et réécrivent l'entrée en dehors de la sélection, mais pas webkit.

Answer 2

Il s'agit d'un balisage HTML illégal et non supposé fonctionner.

• <li> signifie élément de liste et doit être dans un <ol> (liste ordonnée) ou <ul> (liste non numérotée)

• < sélectionnez > peut avoir <optgroup> et <option>

• < l'option > peut avoir des caractères, mais aucun élément

Dans ce cas, de façon Chrome et Safari de le faire est la bonne façon de le faire.