javascript - テキストフィールドのテキストカーソルを数ピクセルで開始する方法は?

Question

左側から数ピクセル (おそらく 4) から始まるカーソルを持つテキスト フィールドが必要です。パディングを使用してテキストフィールドのサイズを変更すればできることはわかっていますが、パディングを使用してテキストボックスのサイズを変更せずに、高さと幅の CSS を使用する方法があるかどうかを知りたかったのです。

アイデアやご意見をいただければ幸いです。

Answer 1

text-indent次のプロパティを使用します。

input {
  text-indent:20px;
}

固定幅のパディングを使用することもできます。これにより、幅が固定され100pxたままになりますが、それでもパディングが行われます。

input {
  padding-left: 10px;
  width: 100px;
}