在文本输入中移动文本

时间:2011-04-18 19:37:17

标签: css input

我已经制作了一个表单,但是我在其中添加了一个0px的页边距,它还将该页边距应用于输入内的文本(例如,您可以将您的名字放在用户输入的位置),这意味着它是在盒子的左边缘。

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

提前致谢。

3 个答案:

答案 0 :(得分:8)

你正在寻找填充而不是保证金。

边距位于元素之外,填充位于内部

答案 1 :(得分:4)

将填充设置为文本框。像:

input.text{padding:5px;}这意味着padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;

另外,我假设您的文字输入的班级名称为text

答案 2 :(得分:0)

我不认为这里的人完全理解您的问题。 OP正在询问他如何在输入表单内的文本上加上边距,同时又在输入本身上保留边距。

他的问题有点错。他正在寻找的是如何在输入中识别文本。使用:

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

编辑:我确实知道这是7年的历史了,但实际上没有其他适当的答案可以通过Google搜索找到。