css - 样式化 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 输入文本样式的东西。

感谢任何帮助！