在文本输入中移动文本

Question

我已经制作了一个表单，但是我已经为它添加了一个0px的边距，它也将该边距应用于输入框内的文本(例如，您将在哪里放置您的名字，对于用户名输入)，这意味着它是对框的左手边。

如何在保持框本身的边距的同时为框内的文本添加边距?

Answer 1

我认为这里的人没有完全理解你的问题。OP问他如何在输入表单内的文本中应用边距，同时在输入本身上仍然有边距。

他的问题说得有点不对。他正在寻找的是如何缩进输入中的文本。用途:

text-indent: 10px; // or whatever size you need

编辑:我知道这是一个7年前的回复，但是通过谷歌搜索确实找不到任何其他合适的答案。

Answer 2

你要找的是内边距，而不是边距。

边距在元素外部，内边距在元素内部

Answer 3

设置文本框的内边距。如:

input.text{padding:5px;}表示padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;

另外，我假设你的文本输入的类名是text

Answer 4

您可以使用text-indent属性在text类型的输入域中定位文本，如下所示:

text-indent : value;

在value中指定您希望文本向左定位的值。