相关疑难解决方法(0)

<select>在Bootstrap 3中设置表单元素样式时,它会在OS X上的Firefox中呈现一个丑陋的按钮:

(http://bootply.com/98385)

这显然是一段时间已知的问题,并且有许多黑客和解决方法,其中没有一个非常干净(https://github.com/twbs/bootstrap/issues/765).我想知道除了使用Bootstrap下拉列表或额外的插件之外,是否有人找到了解决此问题的良好解决方案.我故意选择使用HTML <select>而不是Bootstrap下拉菜单,因为移动设备上的长列表可用性更好.

这是Firefox问题还是Bootstrap问题？

详细信息:Mac OS X 10.9,Firefox 25.0.1

2013年12月4日更新:我对每个浏览器如何<select>使用Firefox,Chrome和Safari 呈现OS X 10.9以及@zessx(使用http://bootply.com)进行了并排比较/ 98425).显然,<select>在浏览器和操作系统之间呈现表单元素的方式有很大差异:

我理解<select>标签的处理方式与您使用的操作系统不同,因为有基于操作系统的本机控件可以指示样式和行为.但是,class="form-control"在Bootstrap中它是什么导致<select>表单元素在Firefox中看起来不同？为什么<select>在Firefox中默认的,未设置样式看起来没问题,但是一旦它被设置样式,它看起来很难看？