Javascript <select>样式 - Firefox在span </select>之后选择

Question

我正在尝试在我正在开发的Web应用程序中使用Adam Coulombe的jQuery Custom Select（http://adam.co/lab/jquery/customselect/）。

我已经设法实现了解决方案，它在Chrome，Opera和IE中完美运行，但Firefox（v25）在选择框后面放置选择框，使选择框功能失调。

Firefox我遇到的另一个问题是当我更改选择框的值时，选择的值似乎没有变化。这是一张展示我的意思的图片：

选择框的代码范围：

.select-thin { height: 25px!important; border: 1px solid rgba(0,0,0,0.2); border-radius: 2px; line-height: 25px; padding: 0 0 0 5px; width: 100%; background: url('../images/down-arrow.png') 90% center no-repeat; }

由于它是需要修复的页面的最后一部分，所以它可以推动我的工作，它可以在除Firefox之外的每个浏览器中运行。非常感谢。

解决方案

我几个小时都无法回答我的问题，所以这是解决方案。

似乎存在一些不兼容性，这意味着您无法在anchor（）标记内放置自定义选择框。在使用代码并在锚标签之外选择框之后，事情完美无缺。