0

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>

firefox、opera、IE 7 では、ocean.png が表示され、クリックできます。私がそうすると、それに応じて、想定されているmp3が再生されます！

この同じコードを Safari (Windows および Mac) と Chrome でロードすると、ocean.png が表示されず、クリックするボタンがありませんか?

このコード/デザインを Safari と Chrome で動作させるために追加または実行できることはありますか?

ありがとう

4

2 に答える 2

7

なぜあなたはあなたの選択に入力を持っているのですか？

おそらく表示を継承します。そのため、レンダリングされないものはありません。これは正しい動作であると思います。

たぶん、IE、Firefox、Operaはそれが違法な構文であると判断し、selectの外部で入力を書き直しますが、webkitはそうではありません。

于 2008-12-21T11:06:30.257 に答える
3

これは違法なHTMLマークアップであり、機能しないはずです。

  • <li>はリスト項目を表し、<ol>（順序付きリスト）または<ul>（順序なしリスト）内にある必要があります

  • <select>には<optgroup>と<option>を含めることができます

  • <option>には文字を含めることができますが、要素を含めることはできません

この場合、ChromeとSafariの方法が正しい方法です。

于 2008-12-21T11:22:00.723 に答える