html - 如何将图像放入选择菜单

标签 html css html-select

如何将图像放在选择菜单中的文本旁边。

例如,这不起作用:

<select style="background-color:black; width:150px;color:white;">
   <option style="background-image:url(images/english.png);">English</option>
</select>  

这不起作用。我想先有一个小标志,然后是语言名称。

最佳答案

select 元素不支持这种类型的东西。它是一个 native 控件,无论在哪里使用都保持一致。但是,您可以创建自己的自定义下拉样式菜单。

Here这是我所做的(在图表下)。
此外,here是一个 jquery 插件,可能会让您更轻松。

祝你好运!

关于html - 如何将图像放入选择菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11512305/

相关文章:

javascript - 使用表单删除 express 请求不起作用

html - 如何在 Bootstrap 上更改默认消息验证

html - CSS - 调整浏览器窗口大小时固定边框宽度变化

css - 为什么我不能为整个 <li> 创建悬停背景?

JavaScript:是否可以动态地将 &lt;input&gt; 更改为 <select> 元素并再次返回?

javascript - setInterval 图像未立即加载的问题

HTML & CSS : My UL extends out of container

javascript - 使用 Bootstrap 模式打开新窗口

javascript - 单击 html 选择选项时显示额外的表单输入字段

javascript - 获取表内选择行的选定值未按预期工作