我想在下拉菜单中添加超过 255 张图像,我这样做了,但它没有显示图像,如果有人帮助我,我很感激。
<table>
<tr>
<td>Modificar Porcentaje de dificultad:</td>
<td>
<select name="percent">
<option value="100">
<a class="back" href="images/anillo.png"></a>
</option>
<option value="100">
<a class="back" href="images/utileria.png"></a>
</option>
<option value="100">
<a class="back" href="images/joyeria.jpg"></a>
</option>
</td>
</tr>
</table>
正如我在其他评论和答案中所说的(他们把你放在了),做你想做的事,你需要改变你的 HTML 或使用某种 JavaScript/jQuery 插件。您已经有了一个使用 JavaScript 的解决方案,我将为您提供一个仅使用 HTML 和 CSS 的替代方案,而无需任何 JavaScript 代码。
这个想法是有一系列单选按钮和标签(将激活/停用这些按钮)。如果您希望允许多项选择,您可以使用复选框而不是单选。
这是如何完成的示例:
基于stack over flow的英文回答:
它永远不会起作用,因为您将
href
图像传递给 label<a>
,您必须提供<option>
图像,试试这个:在我提到的答案中,他们还解释了如何在 的级别上实现这一点
css
,但是,我怀疑这会对您有所帮助,因为您有超过 255 张图像要在选择器中列出。版
正如@blonfu 评论的那样,并非在所有浏览器中都可以这么简单地执行此操作,最好创建并占用其他html元素以获得您期望的结果,此代码可以帮助您开始,显然是通过修改css!