sürgülü kapı Düğme elemanı sadece Firefox'ta bozuldu

Question

Genel amaçlı kullanılabilecek bir sürgülü kapı düğmesi yapmaya çalışıyorum her şey Firefox dışında gayet güzel çalışıyor. düğmesindeki açıklık öğesi, FF'de her zaman 2px'i azaltır. Burada

örnek

http://jsbin.com/orami3/4

Answer 1

bu deneyin:

button::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
} 

(kolon (o Zihin:) iki katına evet.)

İşte kesmek için bir yoldur

Bu durumda fazladan dolgu, bir Firefox hatasından kaynaklanıyor.

(bu gýcýk kendim karşılaştı olması bir Google arama üzerinden, çözüm at this blog buldum.)

Answer 2

bunun neden böyle Eh, bilmiyorum, ama burada bazı acayiplik var. Safari'yi de etkiler ve biraz farklıdır. Düğme aralığına negatif bir kenar boşluğu eklerseniz, Firefox'taki mesafenin yarısı Safari'de olduğundan daha fazla hareket edecektir. Yani, çözüm arka plan görüntüsünü dengeliyor gibi görünüyor.

/*grey button hacks non-IE*/ 
button.grey span{ 
    background-position: 0 -1px; 
} 
button.grey:hover span{ 
    background-position: 0 -36px;  
} 
button.grey:active span{ 
    background-position: 0 -71px;  
} 

/* IE workaround. The \9 makes non-IE ignore these styles*/ 
button.grey span{ 
    background-position: 0 0px\9; 
} 
button.grey:hover span{ 
    background-position: 0 -35px\9;  
} 
button.grey:active span{ 
    background-position: 0 -70px\9;  
} 

Örnek burada: http://jsbin.com/orami3/9