使用css在textarea中插入一些文本答案

【问题标题】：Inserting some text in textarea using css使用css在textarea中插入一些文本
【发布时间】：2014-10-24 21:00:29
【问题描述】：

在我正在制作的应用程序中，我需要在使用 textarea 发布的每条消息中显示签名。我尝试使用此代码附加一些文本但没有成功。我尝试使用 css 伪元素 after

这是我的 textarea 和 css 代码

<textarea id="#le_message_compose" placeholder="type your message here"></textarea>

 #le_message_compose:after {
      color: #708090;
      content:'this is my text' !important;
    }

但这不会产生预期的效果。我应该如何在 textarea 中显示一些文本？

【问题讨论】：

标签： css

【解决方案1】：

您可能想在这里查看答案：Can a ::before selector be used with a <textarea>?

看起来你不能在不包含其他元素（例如 img 或 textarea）的元素上使用 :before 和 :after

我还在你的 html 标记中注意到 id 是“#le_message_compose”，它可能应该只是“le_message_compose”，但无论如何我认为你正在尝试的东西是行不通的。

你可以使用 jQuery：

$('#le_message_compose').html('my message in here');

这里是 jQuery 方式的一个小技巧：http://jsfiddle.net/5u6pnuvr/

【讨论】：

【解决方案2】：

:after 表示所选元素的子元素，您的 textarea 的文本本身不是文本节点，而是 textarea 节点的值。我认为您应该改用 JavaScript 来执行此操作。

此外，从标记中的 id 中删除 #，CSS 选择器中的“#”表示“id”。

【讨论】：