Зачем нужны текстовые входы?

Question

Я пытаюсь наложить текст на <input type="text"> (для кросс-браузера placeholder поддержка). Я обнаружил, что мое позиционирование всегда отключено на пару пикселей из-за какого-либо дополнения, которое невозможно удалить, установив padding: 0;. Предложения here и here не решают проблему.

Вы можете увидеть это отступы в следующем скриншоте из Chrome, как пустое пространство между синей подсветкой и желтой каймой:

Как я могу а) удалить это пространство; или б) измерить его с помощью Javascript?

Answer 1

Если заменить границы по умолчанию с вашим собственным, дополняющий уходит (по крайней мере для меня, на Chrome/Mac):

Это CSS я использовал:

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

http://jsfiddle.net/NZZ5B/

Answer 2

Вам необходимо сбросить все. Поэтому рекомендуется использовать:

<style> 
html, body { 

    margin: 0; 
    padding: 0; 

} 
</style> 

Надеюсь, что это помогло.