如何从firefox中的select中删除Down图标

时间:2014-08-25 11:30:09

标签: html css html5 firefox twitter-bootstrap-3

Helolo Every oie,

任何人都知道如何在全屏firefox中从select中删除右角图标。

enter image description here

由于

1 个答案:

答案 0 :(得分:0)

我之前已回答过这样的问题。

想法是使用面具。 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;
  }
}