样式textarea输入文本

Question

我正在尝试设置textarea的输入文本的样式，以便突出显示输入的单词。这并不像在文本区域添加背景颜色那么简单。

我正在尝试做类似这样的事情：

http://jsfiddle.net/terra823/t4esU/

html

<h1>This is what I'm trying to do with the input text</h1>
<p>Cool text</p>
<p>Cool text 2</p>
<p>Cool text 3</p>


<textarea> </textarea>

css

textarea{
    width:130px;
    height:130px;
}

p{
    size:12px;
    background:red;
    color: white;
 }

不同之处在于我希望突出显示符合文本本身的宽度和行高。

我意识到这个问题似乎非常具体，但在进行研究时，我无法遇到任何用CSS或JS解决样式textarea输入文本的问题。

感谢任何帮助！