Giriş ve seçmek-elementler Firefox dolgu Krom + Safari eklendi ancak henüz?

Question

Ben standart giriş alanları ve seçmek-elementler Krom + Safari'de çevresinde 1 veya 2px doldurma ekler fark, ancak Firefox'ta ..

Burada temel bir örnek görebilirsiniz ettik: http://pastehtml.com/view/aussjg3en.html

Firefox 4.0.1: elemanları

Krom 11.0.696.68 hiçbir dolgu ekler: top 2px dolgu ekler ve giriş alanları üzerinde kalan, ancak yalnızca 2px seçme-elemanlarında üste

Safari 5.0.3:, giriş alanlarının üstüne ve soluna 2px dolgu ekler, ancak seçili elemanlar için yalnızca 2px en üstte

Ancak neden bu? Bunu tarayıcılara özel stil sayfalarını yapmak yerine basit CSS ile düzeltebilir miyim? Sadece Firefox'ta otomatik dolgu olmadan görünmesini istiyorum ..

Answer 1

Bu soru daha önce ele alınmıştır (here gibi, sadece "ekstra doldurma" için arama yapın), ancak Webkit oluşturma motoru dolgu ekler (Chrome ve Safari, her ikisini de kullanır.

CSS ile bunu çözebiliriz. Oluşturma motorları sadece farklı "varsayılan" değerlere sahiptir. Ne yapmak gerekir açıkça size olmasını istediğiniz bir dolgu ve marj 0, ya da her türlü olmasını unsurları söyle. Farklı render motorları gecikmeyi ve yanlış anlaşılabilir yeteneği vermek istemiyorsanız

Temelde, stil sayfanıza açık ve net olması gerekir.

Answer 2

krom dolgu sorunu gidermek için <input type="search"> çıkarın.