使用javascript/css的textarea替代方案

我喜欢通过将鼠标放在右下角的斜线上并拖动鼠标来调整textarea的大小。我想将css样式添加到文本中，但这无法通过textarea实现。有人知道如何使用另一个DOM元素模拟textarea的大小调整吗？通过这种方式，我可以将我的CSS样式添加到文本和我放置在其中的任何内容中。提前感谢。

您是否尝试过css调整大小属性

div{
边框：2倍实心；
填充：20px；
宽度：300px；
调整大小：两者；
溢出：自动；
}

注意：Internet Explorer不支持resize属性

允许用户调整此div元素的高度和宽度。

我想您会发现，您可以将css应用于文本区域，就像您可以应用于任何其他元素一样。css中只有两个有趣的元素，即文件上传器和选择

例如，有关使用基本css设置样式的文本区域的示例，请参见

<style>
textarea {
border: 1px solid black;
background: green;
color: white;
padding: 10px;
width: 500px;
height: 300px;
}
</style>
<textarea name="youtextarea">
  SOME CONTENT
</textarea>

文本区{
边框：1px纯黑；
背景：绿色；
颜色：白色；
填充：10px；
宽度：500px；
高度：300px；
}
一些内容

或者如果一定要给我一个相当大的div看看

div{
调整大小：两者；
边框：1px实心#222；
宽度：500px；
高度：200px；
溢出：自动；
背景：#222；
颜色：#999；
填充：10px；
}
可调整大小的Div

---

或者点击查看更多信息。

获取。谢谢尼尔斯。我现在正在研究这一点。这在角落里给出了几行。我在Opera/Chrome/Firefox中检查过它…IE/Edge是可怕的浏览器，所以这在它们中不起作用。谢谢愤怒的程序员！谢谢你的回复，克里斯托弗，我应该更深入一点。我将对文本应用动态样式，这无法通过textarea实现，因为它没有像textbox或div那样的innerHTML属性。请看修改后的版本，这应该可以满足您的需要，基本上将div作为textarea处理感谢Christopher…这非常有效

<style>
div {
resize: both;
border: 1px solid #222;
width: 500px;
height: 200px;
overflow: auto;
background: #222;
color: #999; 
padding: 10px;
}
</style>
<div>Resizable Div</div>