如何从Firefox中的选择中删除向下图标[重复]

Posted 2023-03-06

【中文标题】如何从Firefox中的选择中删除向下图标[重复]

【英文标题】：How to remove Down icon from select in firefox [duplicate]

【发布时间】：2014-10-18 13:06:57

【问题描述】：

大家好，

任何人都知道如何在全屏 Firefox 中从选择中删除右上角的图标。

谢谢

【问题讨论】：

@SureshPonnukalai 现在您的链接中的解决方案似乎都不起作用:)

【参考方案1】：

我以前在这里回答过这样的问题。

这个想法是使用面具。 http://codepen.io/gc-nomade/pen/nKuhs

您甚至可以仅将此 CSS 提供给 FF：http://codepen.io/anon/pen/retfC

@-moz-document url-prefix() 
  div 
    display:inline-block;
    border:1px outset;
    overflow:hidden;/*where no pseudo is used;*/
  
  div.pseudo:before 
    content:'';
    text-align:center;
    float:right;
    width:1.2em;
    margin-left:-1.1em;
    height:1.3em;
    background:white;
    position:relative;
    /* you may add
      padding:inherit;
      line-height:inherit;
      background:inherit;
      ...
      */
  
  select 
    border:none;
    margin-left:-1px;
  

【讨论】：

-moz-appearence:none;不再工作了，至少在 MSW 操作系统中