select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
在FF上自定义选择框,但是由于版本30被释放,所以停止工作.我试图找到这是否已被弃用,但找不到任何东西.有解决方法还是替代这种方法？
解决方法
截至2015年1月,现在可以再次发布Firefox 35.请参阅下面的答案以供参考.
背景
使用的黑客是：
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
在我的测试中,在FF 29,-moz-appearance：none;没有影响是什么导致箭头框不出现是第二行.它表示任何溢出将被一个空字符串替换,然后使用文本缩进导致select溢出.由于箭头框被渲染为单个元素,类似于单个字母,这导致它被空字符串替换.
发生了什么
Mozilla中有人注意到,如果您在下拉列表中选择了填充,箭头不会改变大小. According to the bug report,这个问题现在已经修复了：
问题是这已经将箭头与正常的CSS规则离婚了.我已经尝试填充,文本缩进,边距,空格,文本换行等等,我找不到任何会影响它的东西. Elsewhere around the internet,人们都说同样的事情,不幸的是.
现在怎么办
>我们有几个选择.您可以使用叠加组合指针事件：none来为下拉列表设置样式：Tutorial
>您可以创建一个完全独立的下拉列表来替代选择,使用Javascript：Tutorial
我们也可以观看request on Firefox’s Bugzilla,并希望有一天他们会创造一个非黑客的方式来做到这一点.请注意：不要去那里,开始发表关于想要的评论.部分理由被推迟的原因是人们投入了合适.这可能有助于vote for the issue.
2014年9月更新
现在是Firefox的actively worked on.已经提交了2个补丁,并已等待审查一周.最可能的情况是,这使它成为FF35极光,我们有几个星期在截止日期之前进行审查和批准(Firefox在6周的发布计划中运行).它也可能被延迟,甚至在理论上可以“提升”,意思是在目前的极光和Beta版本中修补,以便更早地发布.
2014年10月更新
这怎么现在是officially resolved！有点.允许用户隐藏下拉箭头元素的补丁已经提交,并将在2015年1月发货.
这将只允许用户隐藏箭头.风格是另一个问题,已经被剥离到another bug ticket,将来会被考虑.
2015年1月更新
现在已经修复了！ Firefox 35于1月13日发布,您现在可以使用-moz-appearance：none来删除箭头.
