在文本字段HTML中对齐占位符

Question

我想在左上角移动占位符。

我想在图像上找到类似的东西。

我已经尝试了

::-webkit-input-placeholder {
    left: 0px;
    up: 0px;
}

但它不起作用。我很了解HTML，但我从未做过这样的事情。

Answer 1

我自己找到了答案！ ：d

所以，我刚刚将<input>更改为<textarea>。使用一点CSS它看起来与输入字段完全相同。

非常感谢所有试图帮助我的人！

Answer 2

您只能使用text-align: center|left|right更改输入值/占位符的对齐。

来源： https://developer.mozilla.org/de/docs/Web/CSS/text-align

否则你可以使用padding: 0 0 0 0;来强制空间

来源： https://developer.mozilla.org/de/docs/Web/CSS/padding

信息： up 不是有效的CSS。正确的名称是 top 如果您想使用位置属性，例如：right, left, bottom或top，则必须设置position: absolute|fixed;

修改：正如在此处所述：https://stackoverflow.com/a/5677243/3119231可以通过"top"属性设置line-height值

Answer 3

我认为css定位可以提供帮助。相对或绝对的位置。根据你的容器，尝试给出一种位置样式。

编辑：或者您可以使用背景图片而不是占位符。并且您可以使用javascript删除鼠标悬停的背景图片。

Answer 4

不幸的是，您只能使用可以应用于placeholder伪元素的样式。

Article

这些是：

• color
• font-size / font-style / font-weight
• letter-spacing
• 行高
• padding
• 文本对齐
• 文字修饰

职位不是其中之一。