Question

我想知道是否有相同的内容：-webkit-appearance: none; 对于Firefox？

我想要获得什么？

<select ...> 
   <option>...</option>
   <more option>
</select>

谢谢。

Answer 1

-moz-appearance CSS属性是用于Gecko（Firefox）来显示使用平台原生的元素基于操作的样式系统的主题。

<强>来源：
Mozilla

Answer 2

带有-moz-appearance:none的

<select>仍会在Firefox上显示下拉箭头。

有关详细信息，请参阅此错误报告：https://bugzilla.mozilla.org/show_bug.cgi?id=649849

Answer 3

https://developer.mozilla.org/en/CSS/-moz-appearance

Answer 4

试试这个..它有效

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

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

实例：http://jsfiddle.net/gaurangkathiriya/z3JTh/

Answer 5

如果你想在FF中看起来像一个按钮，为什么不呢

select { -moz-appearance: button; }

像这里：http://jsfiddle.net/SsTHA/

Answer 6

尝试这个......对我而言，它正在使用firefox

select{
padding: 0px 0px 0px 5px;
border-radius: 0px;
webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-appearance: none;
background: #ffffff url(../images/small-arrow-down.png) 62px 7px no-repeat;
padding: 1px 20px 1px 3px;
cursor: pointer;
border-radius: 2px;

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

Answer 7

这是Firefox，Chrome，Safari和＆amp ;;的代码。 IE浏览器。（IE 10及以上）

只需为您的选择及其所有设置添加一个小向下箭头png。我的箭头是30x30，但是将其设置为您的规格。

.yourClass select{
  overflow: none;
  background-color: #ffffff;
  -webkit-appearance: none;
  background-image: url(../images/icons/downArrow.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

/* fall back for ie10+  */
.yourClass select::-ms-expand {
    display: none;
}

-webkit-appearance：none; firefox相当于？

7 个答案: