Question

我的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中运行吗？

由于

Answer 1

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

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

也许IE，firefox和opera发现它是非法语法并重写select之外的输入，但webkit没有。

Answer 2

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

＆LT;李＆GT;代表列表项，必须位于＆lt; ol＆gt;内（有序列表）或＆lt; ul＆gt; （无序清单）
＆LT;选择＆GT;可以有＆lt; optgroup＆gt;和＆lt;选项＆gt;
＆LT;选项＆GT;可以有字符但没有元素

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

输入按钮图像 - 无法在Chrome＆amp;苹果浏览器？

2 个答案: