html – Firefox 30不再隐藏选择框箭头

前端之家收集整理的这篇文章主要介绍了html – Firefox 30不再隐藏选择框箭头前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直使用“伎俩”:
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来删除箭头.

猜你在找的HTML相关文章