javascript - テキスト入力に余分なパディングがあるのはなぜですか?

Question

<input type="text">（クロスブラウザのplaceholderサポートのために）テキストをオーバーレイしようとしています。設定によって削除できないある種のパディングのために、私の位置は常に数ピクセルずれていることがわかりましたpadding: 0;。こことここの提案は問題を解決しません。

このパディングは、Chrome の次のスクリーンショットで、青色のハイライトと黄色の境界線の間の空白として確認できます。

どうすれば a) このスペースを削除できますか。またはb）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>

これが役に立ったことを願っています。