在textarea中设置某些文本的样式

Question

是否可以仅对<textarea>元素中的某些文字进行样式设置？我知道你不能在<textarea>中插入任何其他HTML标签，并且不愿意采用像创建ghost或overlay元素这样的hacky。

使用案例：使用某些字体样式突出显示插入<textarea>的所有链接。根据这个答案https://stackoverflow.com/a/1102242/849761 contentEditable似乎并不支持，但正如您可能知道的那样，我不是UI开发人员

Answer 1

不，不能在textarea元素中设置文本的某些部分的样式。您必须使用contentEditable。您引用的答案来自2009年 - 现在所有主流浏览器都支持contentEditable。

您需要编写逻辑以确定何时输入了链接，或者在UI中提供添加链接并使用execCommand的方法。但除此之外，CSS就像：

一样简单

div[contenteditable="true"] a {
  /* styles */
}