仅使用纯css、javascript或jquery向文本区域添加样式

仅使用纯css、javascript或jquery向文本区域添加样式,javascript,html,css,Javascript,Html,Css,我正在尝试检查是否有可能将样式添加到文本框中,类似于yahoo在撰写页面中用于“收件人”字段的样式。。将电子邮件id替换为包装中的名称。。我想知道这是否可以通过css或javscript实现??我会附上一张快照,这样你就可以看到我在这里想要做什么。。我还将添加一个我尝试过但失败的链接 JavaScript在这里的作用是将普通的或元素转换为可能的元素来保存值。下面是一个示例和指南,介绍如何在JQuery中实现这一点: JavaScript在这里的作用是将普通的或元素转换为可能的元素来保存值。下面是

我正在尝试检查是否有可能将样式添加到文本框中,类似于yahoo在撰写页面中用于“收件人”字段的样式。。将电子邮件id替换为包装中的名称。。我想知道这是否可以通过css或javscript实现??我会附上一张快照,这样你就可以看到我在这里想要做什么。。我还将添加一个我尝试过但失败的链接


JavaScript在这里的作用是将普通的
元素转换为可能的
元素来保存值。下面是一个示例和指南,介绍如何在JQuery中实现这一点:


JavaScript在这里的作用是将普通的
元素转换为可能的
元素来保存值。下面是一个示例和指南,介绍如何在JQuery中实现这一点:


否。输入中的文本(
type=“Text”
textarea
)无法设置样式(或者至少不能将单词/短语单独设置为其他内容的样式)。但是,您可以将
div
绝对放置在这样一个元素的上方,并将
输入的内容复制到
div
中,并对该
div
的内容和子元素进行样式化。不,您不能在输入中放置样式化的气泡。“input”是一个看起来像输入的div,里面有一个隐藏的输入。@DavidThomas它看起来会像yahoo msgbox显示cntnt的方式吗?它可以做到,只需要CSS,可能还需要一些JavaScript。我不能说我用过雅虎!大约五年。所以,有可能。如果它是正确的样式。你有任何链接上显示如何工作??div用作inputNo的方式。输入中的文本(
type=“Text”
textarea
)无法设置样式(或者至少不能将单词/短语单独设置为其他内容的样式)。但是,您可以将
div
绝对放置在这样一个元素的上方,并将
输入的内容复制到
div
中,并对该
div
的内容和子元素进行样式化。不,您不能在输入中放置样式化的气泡。“input”是一个看起来像输入的div,里面有一个隐藏的输入。@DavidThomas它看起来会像yahoo msgbox显示cntnt的方式吗?它可以做到,只需要CSS,可能还需要一些JavaScript。我不能说我用过雅虎!大约五年。所以,有可能。如果它是正确的样式。你有任何链接上显示如何工作??div用作输入的方式