如何在输入字段中使用线夹

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>