6

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

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

ここに画像の説明を入力

どうすれば a) このスペースを削除できますか。またはb）Javascriptを使用して測定しますか？

4

2 に答える 2

2

デフォルトの境界線を独自のものに置き換えると、パディングがなくなります (少なくとも私の場合、Chrome/Mac では):

ここに画像の説明を入力

これは私が使用したCSSです：

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

http://jsfiddle.net/NZZ5B/

于 2013-08-24T22:28:04.113 に答える
-1

すべてをリセットする必要があります。したがって、次を使用することをお勧めします。

<style>
html, body {

  margin: 0;
  padding: 0;

}
</style>

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

于 2013-08-24T22:26:23.093 に答える