html - 有没有办法将永久空间放入输入字段?

标签 html css web

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

我曾尝试使用“content”属性插入一个空格,但没有成功。或者也许我没有正确地做。这是代码:

HTML

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

CSS

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

编辑: 这可以通过在左侧添加填充来实现。我知道,简单得令人尴尬。感谢 Yuriy Galanter。

最佳答案

使用类似的东西:

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

关于html - 有没有办法将永久空间放入输入字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18213007/

相关文章:

python - 生成新的 SQLite 数据库 django

javascript - 隐藏一个 Div 并在单击时显示一个新的 Div

javascript - 通过 JavaScript 编辑 CSS 会产生左侧赋值错误

java - 运行一个基本的网络服务器

javascript - 当绝对定位元素在浏览器窗口之外时扩展 "body"

html - 引用 opentype 字体,在本地工作,但不是实时的

javascript - Angular 动画 :leave not triggered

html - 行内 block 元素似乎无缘无故地换行?

javascript - 我可以使用 angularJS/Jquery/Javascript 对静态 html 表进行排序吗?

php - 从网站联系表接收电子邮件但没有内容