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

时间:2014-08-31 12:50:39

标签: css css3

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

这是我的textarea和css代码

after

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

2 个答案:

答案 0 :(得分:4)

:after表示所选元素的子元素,textarea的文本本身不是文本节点,而是textarea节点的值。我认为你应该用JavaScript来做这件事。

另外,从标记中的id中删除#,CSS选择器中的'#'表示“id”。

答案 1 :(得分:1)

您可能需要在此处查看答案:Can a ::before selector be used with a <textarea>?

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

我在你的html标记中也注意到id是'#le_message_compose'它应该只是'le_message_compose',但无论如何我认为你正在尝试的东西不起作用。

你可以使用jQuery:

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

这是jQuery方式的小提琴:http://jsfiddle.net/5u6pnuvr/