html - 是否可以在一个文本区域中使用多种不同的文本颜色？

Question

我希望文本区域中的几个单词/短语以不同的颜色显示...我该怎么做呢？下面是一个示例，我希望绿色这个词显示为绿色等等......

<textarea style="width: 100%; height: 100%; resize: none;">
Is it possible to have multiple colors in a textarea? 
How would i set certain phases or words to be different colors? 
"Green"
"Red"
"Blue"
</textarea>

Answer 1

你不能用文本区域或输入标签来做到这一点。但是，正如@naikus 提到的，您可以使用 contenteditable 属性。具体如下:

<div id="mytxt" contenteditable="true">
   Hello, my name is <span style="color: blue;">Bob</span>
   and I have a friend name <span style="color: green;">Joe</span>.
</div>

<div id="mytxt" contenteditable="true">
       Hello, my name is <span style="color: blue;">Bob</span> and I have a friend name <span style="color: green;">Joe</span>.
    </div>