自定义选择下拉背景图像在Firefox 30中不起作用

时间:2014-06-12 07:48:50

标签: html html-select

自定义选择下拉背景图片在最新版本的Firefox 30中无效,但其他浏览器工作正常(Chrome,Opera,IE11,Safari)。

下面的样式在Firefox 21到29中运行良好,但在Firefox 30中它不起作用。

select {
  background: url(dropdown_arw.png) no-repeat right center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 90px;
  text-indent: 0.01px;
  text-overflow: "";
}

示例页面 - http://kvijayanand.in/jquery-plugin/test.html

2 个答案:

答案 0 :(得分:0)

Firefox和其他浏览器可能不支持选择列表的背景图像。我曾尝试在过去为选择列表添加背景,但它仅适用于某些浏览器。这是我最好的猜测。如果你已经没有了,你可以试着谷歌搜索。

答案 1 :(得分:0)

自2011年以来的已知错误......

Mozilla Official - BUGZILLA

我很害怕你不能简单地通过CSS做到这一点。你应该查看jQueryUI

之类的内容