Dlaczego wejścia tekstowe mają dodatkowe wypełnienie?

Question

Próbuję nakładać tekst na <input type="text"> (dla obsługi wielu przeglądarek placeholder). Zauważyłem, że moje pozycjonowanie jest zawsze wyłączone o kilka pikseli, ze względu na rodzaj wypełnienia, którego nie można usunąć ustawiając padding: 0;. Sugestie: here i here nie rozwiązują problemu.

Widać to dopełnienie w poniższym zrzucie z Chrome jako białej przestrzeni pomiędzy niebieskim podświetleniem i żółtą ramką:

Jak mogę a) usunięcie tego miejsca; lub b) zmierzyć za pomocą JavaScript?

Answer 1

Jeśli zastąpić granice domyślnych z własną rękę, wyściółka odchodzi (przynajmniej dla mnie, na Chrome/Mac):

To CSS użyłem:

input { 
    padding: 0; 
    outline: none; 
    border: 1px solid red; 
} 

http://jsfiddle.net/NZZ5B/

Answer 2

Musisz zresetować wszystko. Najlepiej więc użyć:

<style> 
html, body { 

    margin: 0; 
    padding: 0; 

} 
</style> 

Mam nadzieję, że pomogło to.