CSS ile <select> bir öğe aşağı açılan ok stili için çalışıyorum , tamamen Krom/Safari çalışıyor sadece

select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;

  background-image: url('./select-arrow1.png') ;
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 200px;
}

Güzel as seen here işler

Bu mantığa göre, bu iş için Firefox içinde sahip olduğum tek şey -moz-* -webkit-* tüm şeyler eklemek için :

-moz-appearance: button;
-moz-border-radius: 2px;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-moz-padding-end: 20px;
-moz-padding-start: 2px;
-moz-user-select: none;

99%, tek sorun, varsayılan açılır oku gitmez ve arka plan görüntüsü üst as seen here konaklamalar için çalışıyor

-moz-appearance: button; <select> bir öğe için çalışmıyor gibi görünüyor. Ayrıca -moz-appearance: none; varsayılan açılır oku kaldırmak için hiçbir etkisi olmaz.

-moz-appearance doğru değerini varsayılan açılır oku kaldırmak için nedir?

Güncellemeler:

11 Aralık 2014:Yeni icat kesmek durdurmak. Sonra 4 buçuk yıl, -moz-appearance:none Firefox 35 bu yana çalışmaya başlıyor. moz-appearance:button hala kırık olmasına rağmen, yine de kullanmanıza gerek yok. Here is a very basic working example.

28 Nisan 2014: css hack birkaç ay çalıştı ama Nisan 2014 başlangıcından beri bu hatayı tekrar Firefox 31.0 içine sürünen bahsetti.a1 tüm platformlarda Sunulmaktadır.

Güncelleme:bu Firefox v35 giderilmiştir. Ayrıntılar için full gist bkz.

==nasıl Firefox seç gizlemek için==

Sadece bunu yapmak için nasıl düşündüm. Hile -prefix-appearance, text-indent text-overflow bir karışımı kullanmaktır. Saf CSS ve ekstra biçimlendirme gerektirir.

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

Uzun lafın kısası, sağa doğru biraz iterek, taşma oku kurtulur. Çok güzel, değil mi?

Az önce yazdığım daha fazla this gist ile ilgili ayrıntılar. Yeni Firefox sürümleri ile Mac ve Windows Ubuntu, tüm test.