Question

我有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 CSS选择器。您可以将CSS属性添加到元素的选定文本中。

＆＃13;

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

＆＃13;

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

＆＃13;

<textarea>My textarea highlighted text</textarea>

＆＃13;

Answer 2

您无法更改selection color的{{1}}，只能将其更改为textarea。

也许您应该尝试contenteditable而不是non-input objects

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

2 个答案: