删除Firefox中的默认选择框箭头 [英] remove default select box arrow in firefox

问题描述

我必须删除firefox
中的默认选择框箭头我使用以下代码

  -webkit-外观：无; 
 -moz-appearance：none; 
 background：rgba（0,0,0,0）; 
  

它在chrome中工作良好。但是它在firefox中不起作用。

解决方案

更新： 。有关详细信息，请参阅完整要点。

---

只想知道如何从Firefox中删除选择箭头。诀窍是使用 -prefix-appearance ， text-indent 和文本的混合-overflow 。它是纯CSS，不需要额外的标记。

  select {
 -moz-appearance：none; 
 text-indent：0.01px; 
 text-overflow：''; 
} 
  

在Windows 8，Ubuntu和Mac上测试最新版本的Firefox。 p>

现场示例： http://jsfiddle.net/joaocunha/RUEbp/1/

更多关于这个主题： https://gist.github.com/joaocunha/6273016

I have to remove the default select box arrow in firefox I used the below code

-webkit-appearance: none;
-moz-appearance:none; 
background: rgba(0,0,0,0);

its working good in chrome. but its not working in firefox.

解决方案

Update: this was fixed in Firefox v35. See the full gist for details.

---

Just figured out how to remove the select arrow from Firefox. The trick is to use a mix of -prefix-appearance, text-indent and text-overflow. It is pure CSS and requires no extra markup.

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

Tested on Windows 8, Ubuntu and Mac, latest versions of Firefox.

Live example: http://jsfiddle.net/joaocunha/RUEbp/1/

More on the subject: https://gist.github.com/joaocunha/6273016

这篇关于删除Firefox中的默认选择框箭头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！