有没有办法将永久空间放入输入字段？

Question

我有一个输入字段，当用户点击它时，我希望类型光标线在输入框中显示一个空格。有没有办法用css和/或html强制输入字段开头的空格？我知道这可以使用javascript，但如果有的话，我想使用css / html-only方式。

我尝试使用“content”属性插入空格，但这不起作用。或许我没有正确地做到这一点。这是代码：

HTML

<input class="input-test" type="text" value="" placeholder="test">

CSS

.input-test:before{
    content: " ";
}

修改 这可以通过在左侧添加填充来实现。我知道，非常简单。感谢Yuriy Galanter。

Answer 1

使用类似：

.input-test{
    padding-left:20px;
}

Answer 2

<input class="input-test" type="text" value=" " placeholder="test">

只需给它一个默认值“” - 其中有一个空格。适合我。 =）