html - 选择标签中的 Img 未在 Chrome 上显示

标签 html css google-chrome select

这是我的代码,它在 mozilla 上完美运行,但在 chrome 上运行不佳。

我的代码:

select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

option {
  background: url(image/flags/bg.png) no-repeat;
  padding-left: 20px;
}

最佳答案

它不应该显示。您不能将 background-image 设置为选项标签。

但是你可以使用一个名为 select2 的 jquery 插件。

http://select2.github.io/select2/#templating

Plugin's screen shot

关于html - 选择标签中的 Img 未在 Chrome 上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32324878/

相关文章:

html - 使用 vw/vh 与 rem/em/px 时是否存在任何性能差异?

javascript - 如何通过Jquery脚本将图像加载到html中?

html - 动画后元素不保留最终值

javascript - 网站有什么方法可以区分 Microsoft Edge 和 Google Chrome 的渲染引擎吗?

javascript - 在移动设备上删除 'sticky navigation'

jquery - 在 jQuery.css() 中有条件地设置属性

html - CSS定位面板问题

html - 下拉菜单 -> HTML&CSS,悬停

javascript - Chrome javascript 调试器断点什么都不做?

javascript - 调用 window.location.assign 后,chrome/firefox 之间的网页渲染行为不同