如何在輸入字段中使用線夾

Question

我正在嘗試在輸入字段中的 4 行上顯示文本，但似乎沒有任何效果。 line-clamp 是否與輸入一起工作，或者它只是一個p標簽的東西？

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

編輯：用戶可以在輸入字段中寫一個注釋標題，如果標題太長，那么線夾應該開始工作

Answer 1

使用 textarea 代替 input 並通過rows和cols屬性限制大小

<textarea rows="3" ></textarea>