我需要类似html <ul>
的列表。
它应该包含项目符号和诸如textarea之类的内容。
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>
这是非常简单的示例。这里的问题-如果
textarea
包含超过1行,则无法将其高度扩展到底部。 最佳答案
也许您正在寻找contentEditable
:
jsFiddle
<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>