添加 contenteditable="true" 这个属性 ,使得盒子变成可编辑状态
<div class="text-area" contenteditable="true"></div>
加上resize: both; 使得盒子右下角可以自由拉伸 ,加上overflow:auto;
会更像哦
.text-area{
width: 200px;
height: 100px;
border: 1px solid red;
overflow: auto;
resize: both;
}