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

  • ELPRESADOR

    ELPRESADOR

    21 HAZİRAN 2008
  • oHeymarvin

    oHeymarvin

    11 Temmuz 2013
  • SRT Photoshop Tutorials

    SRT Photosho

    19 Aralık 2012