テキストエリアの選択テキストの色を変更するには？

私はtextareaを持っており、選択したテキストの色を変更したいと思います。例：テキストエリアの選択テキストの色を変更するには？

var text = "abcdefg";

私が選択したテキストefgの色を変更したいです。

は色のスタイルを持っていることはできません。しかし、 ':: selection' CSSセレクタを使うことができます。 http://www.w3schools.com/cssref/sel_selection.aspを参照してください。 – Mohammad

textNodesにスタイルを使用できないため、選択したテキストをHTMLでラップする必要があります。 – evolutionxbox

なぜ 'pure JS'と' jQuery'を混ぜたのですか？ –

あなたはあなただけのnon-input objectsのためにそれを変更することができ、textareaためselection colorを変更することはできません。

は、ここに私のコードです。

たぶん、あなたは、テキストの一部を選択するがselecedさtextarea

2016-09-23 08:36:59

使用::selection CSSセレクタの代わりにcontenteditableを試してみてください。選択した要素のテキストにCSSプロパティを追加できます。あなたが唯一の要素とテキストにスタイルを追加することができます

var textarea = document.querySelector("textarea"); 
 
textarea.selectionStart = 12; 
 
textarea.selectionEnd = 23;

::-moz-selection { 
 
    color: red; 
 
} 
 
::selection { 
 
    color: red; 
 
}

<textarea>My textarea highlighted text</textarea>

2016-09-23 08:48:50 Mohammad

テキストに追加される色は、オプションがユーザーに属するものです。それは適切ではないようなCSSを設定してください。 – user2956672

@ user2956672あなたの仕事のための別の解決策はありません。しかし、色が限られている場合は、テキストクラスに色のクラスを追加してください。 https://jsfiddle.net/j62p92fa/を参照してください。 – Mohammad

答えて