SORU
1 NİSAN 2011, Cuma


Ekstra düğmesi/boşluk doldurma Kaldır Firefox

Bakın bu kodu örnek: http://jsfiddle.net/Z2BMK/

Krom/IE8 böyle enter image description here Firefox bu gibi bakmak enter image description here

Benim CSS

button {
    padding:0;
    background:#080;
    color:white;
    border:solid 2px;
    border-color: #0c0 #030 #030 #0c0;
    margin:0;
}

Nasıl düğmesini iki tarayıcıda aynı yapmak için kod örneği değiştirebilir miyim? Klavyede boşluk çubuğuna ile çalışmaz, çünkü JavaScript tabanlı köprüleri kullanmak istemiyorum ve temiz bir yol değil href bir URL için bir şeyler yapmaya.

Benim çözüm, Firefox 13'den beri

button::-moz-focus-inner { margin: -1px; padding: 0; border-width: 1px; }

CEVAP
1 NİSAN 2011, Cuma


Bu ekleyin:

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

http://jsfiddle.net/thirtydot/Z2BMK/1/

Yukarıda border kuralı da dahil olmak üzere düğmeler her iki tarayıcılarda aynı görünmesi için gereklidir, ama aynı zamanda bir düğme active olduğunda noktalı Firefox kaldırır. Geliştiriciler bir sürü bu noktalı kurtulmak, isteğe bağlı olarak yerine bir şey görsel olarak daha samimi.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DetroitBORG

    DetroitBORG

    29 Temmuz 2008
  • Helder Barreto

    Helder Barre

    22 Mayıs 2006
  • LiquidMusick

    LiquidMusick

    23 Aralık 2010