输入按钮图像 - 无法在Chrome和Safari中使用？

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却没有.