SORU
22 Temmuz 2011, Cuma


Doğru "-moz-görünüm" < açılan oku saklamaya değer;seçin> öğesi

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.

CEVAP
20 AĞUSTOS 2013, Salı


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chilla Frilla™

    Chilla Frill

    7 Aralık 2006
  • HowcastFoodDrink

    HowcastFoodD

    21 EYLÜL 2010
  • KarnasCamillo

    KarnasCamill

    24 EKİM 2007