Wie ändere ich die Farbe des ausgewählten Textes von Textarea?

Question

Ich habe textarea und ich möchte Farbe des ausgewählten Textes ändern. Beispiel:

var text = "abcdefg"; 

Ich möchte efg Farbe von ausgewähltem Text ändern.

hier ist mein Code:

var input = document.getElementById('area'); 
var value = input.value.substr(input.selectionStart, input.selectionEnd - input.selectionStart); 
$('#abc').find(value).attr('color',color); 

Answer 1

Sie können nicht die selection color für eine textarea ändern, können Sie es nur für non-input objects ändern.

Vielleicht sollten Sie versuchen, contenteditable statt textarea

Answer 2

Verwenden ::selection CSS-Selektor, der Teil des Textes auswählen angewählter wird. Sie können Ihre CSS-Eigenschaft zu ausgewähltem Text von Elementen hinzufügen.

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

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

<textarea>My textarea highlighted text</textarea>