'textarea' 內的樣式文本

Question

我正在以這種形式工作。 它的設計是這樣的：

現在我正處於這個階段，所以我正在研究一些小細節：

如您所見，“您的文字...”粘在textarea的左上角。 如果可能的話，我正試圖找到一種通過 CSS 來操作它的方法。 我只需要對textarea內的文本應用一些邊距/填充。 如果 CSS 無法做到這一點，我願意接受建議。

如何通過 CSS 操作 textarea 內的文本？

Answer 1

您可以使用 CSS padding屬性：

textarea {
    padding: 5px;
}

Answer 2

利用：

textarea {
    padding: 5px;
    box-sizing: border-box;
}

注意：box-sizing 是一個 CSS 3 屬性。 它非常有用，因為沒有它 width: 100% 或 other 將無法按您的預期工作。

Answer 3

您可以使用 CSS 創建所需的效果

 textarea { padding: 20px; margin: 10px; }

 <textarea></textarea>

Answer 4

是的，來自 CSS 的填充應用於textarea是正確的。 但是隨着整個文本區域的尺寸發生變化，您需要更改“行”和“列”。

Answer 5

您可以使用以下代碼：

line-height: _px;

使用與文本區域高度相同的值。