將文本字段中的佔位符對齊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

信息：了是無效的CSS。正確的名稱是頂部 如果你想使用位置屬性，如：right, left, bottom或top你必須設置position: absolute|fixed;

編輯：至於說在這裏：https://stackoverflow.com/a/5677243/3119231可以設置"top"值通過line-height屬性

Answer 3

我認爲css定位可以提供幫助。相對或絕對的位置。根據你的容器，試着給一個位置樣式。

編輯：或者你可以使用背景圖像，而不是佔位符。你可以通過javascript在鼠標上移除背景圖片。

Answer 4

不幸的是，你僅限於什麼樣式可以應用於placeholder僞元素。

Article

它們是：

• 顏色
• 字體大小/字體風格/字體重量
• 字母間距
• 行高
• 填充
• text-align
• 文字裝飾

位置不是其中之一。