css - テキストエリア入力テキストのスタイリング

Question

入力された単語が強調表示されるように、テキストエリアの入力テキストのスタイルを設定しようとしています。これは、テキスト領域に背景色を追加するだけの単純なものではありません。

私はこの例のようなことをしようとしています:

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 のいずれかを使用してテキストエリア入力テキストのスタイル設定に対処するものに出くわすことができませんでした。

どんな助けにも感謝します！