Input 如何对输入文本表单进行div？

使用textarea和InputText作为文本表单的输入存在一些缺点。textarea在右下角有一个恼人的三角形，输入文本是单行输入

---

我试着像facebook更新输入表单一样输入文本。输入在换行符后自动调整大小。使用的元素或标记为。我说使用是因为，在他们重新设计Facebook之后，我不知道现在使用的是哪个标签。CSS属性允许用户编辑div元素中的文本。我实际上复制了CSS属性，但现在我丢失了它。有人能告诉我它是哪个CSS属性吗？我的内存很弱，它以-webkit前缀开头，但我知道可以在javascript中通过执行getElementByID'mydiv'.contentEditable='true'；，来实现这一点；，但我不知道在CSS中如何做到这一点，如果您使用html5，您可以使用：

<div id="divThatYouCanWriteStuffIn" contenteditable>
<!-- you can write in here -->
</div>

要消除文本区域中的“恼人的小三角”，请执行以下操作：

---

.

Facebook更新输入字段是一个TEXTAREA元素。诀窍是使用resize属性：

textarea { resize:none; }

---

这将使三角形消失。

您应该能够像使用p、h1、h2等标记一样将样式添加到文本区域

因此，您可以针对所有文本区域或具有特定类或ID的文本区域

例如：

textarea    {
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:140%;
    color:black;
    margin:0 0 5px 5px;
    padding:5px;
    background-color:#999999;
    border:1px solid black;
}

此示例将针对页面上的所有文本区域。 如果要以类或id为目标，请将textarea更改为.nameOfClass或nameOfId

---

希望这有帮助。

据我所知，不可能使用CSS。您可以将其设置为内联tho。是的，它起作用了，但如何在换行后自动调整大小？无需滚动思考要了解元素是什么，使用Chrome、Safari和Firefox，也可能是Opera，右键单击该元素，然后从上下文菜单中选择“Inspect element”或等效选项。在Facebook上，这绝对是一个文本区。这是今天发生在我身上最好的事情之一。非常感谢！

textarea { resize:none; }

textarea    {
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:140%;
    color:black;
    margin:0 0 5px 5px;
    padding:5px;
    background-color:#999999;
    border:1px solid black;
}