我需要类似html <ul>
列表的内容。
textarea{
border : none;
}
.custom-txt-area{border-bottom : 1px dashed red;}
<ul>
<li>
<textarea class="custom-txt-area" rows="1"></textarea>
</li>
<li>
<textarea class="custom-txt-area" rows="1"></textarea>
</li>
</ul>
这是一个非常示例的示例。这里的问题 - 如果它超过1行,我无法使textarea
将高度扩展到底部。
答案 0 :(得分:5)
也许您正在寻找contentEditable
:
<ul>
<li contenteditable="true">Edit ME!</li>
<li contenteditable="true">Edit ME!</li>
<li contenteditable="true">Edit ME!</li>
<li contenteditable="true">Edit ME!</li>
<li contenteditable="true">Edit ME!</li>
<li contenteditable="true">Edit ME!</li>
</ul>