输入按钮图像 - 在 Chrome 和 Safari 中不起作用？答案

【问题标题】：Input button image - not work in Chrome & Safari?输入按钮图像 - 在 Chrome 和 Safari 中不起作用？
【发布时间】：2010-09-27 21:54:20
【问题描述】：

我的 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 个空格。在编辑器中，使用带有“101”和“010”的按钮。

标签： safari google-chrome input-button-image

【解决方案1】：

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

代表列表项，必须在

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

嘿，谢谢...这就是问题所在！至于为什么我在那里...我是一个黑客...学习:)