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

为什么你的选择中有输入？

它可能继承了 display: none 因此没有被渲染，我认为这是正确的行为。

也许 IE、firefox 和 opera 发现它的语法不合法，并在 select 之外重写了输入，但 webkit 没有。

于 2008-12-21T11:06:30.257 回答
3

这是非法的 HTML 标记，不应该工作。

  • <li> 代表列表项，必须在 <ol>（有序列表）或 <ul>（无序列表）内

  • <select> 可以有 <optgroup> 和 <option>

  • <option> 可以有字符但没有元素

在这种情况下，Chrome 和 Safaris 的做法是正确的做法。

于 2008-12-21T11:22:00.723 回答