如何更改textarea所选文本的颜色？

我有textarea ，我想改变所选文本的颜色。 例：

 var text = "abcdefg"; 

我想改变所选文字的颜色efg 。

这是我的代码：

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

Answer 1

::selection选择选择部分文本的::selection CSS选择器。 您可以将CSS属性添加到元素的选定文本中。

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

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

 My textarea highlighted text 

Answer 2

您无法更改textarea的selection color ，只能non-input objects更改它。

也许你应该尝试contenteditable而不是textarea