如何在textarea中使用不同的字体颜色？

在HTML中，可以使用<textarea>标签创建一个多行文本输入框，但是<textarea>本身不支持直接设置不同的字体颜色。要实现在<textarea>中使用不同的字体颜色，可以使用一些技巧，例如将<textarea>与CSS样式结合，或者使用其他类型的输入框替代<textarea>。

以下是一个使用CSS样式和<div contenteditable="true">替代<textarea>的示例：

<!DOCTYPE html>
<html>
<head><style>
  .text-input {
    border: 1px solid #ccc;
    padding: 10px;
    width: 300px;
    height: 100px;
    overflow: auto;
  }
  .red {
    color: red;
  }
  .blue {
    color: blue;
  }
</style>
</head>
<body>

<div class="text-input" contenteditable="true">
  <span class="red">这是红色文字</span>
  <span class="blue">这是蓝色文字</span>
</div>

</body>
</html>

在这个示例中，我们使用了contenteditable="true"属性使<div>变得可编辑，并使用CSS样式设置了不同的字体颜色。这样，在输入框中就可以显示不同颜色的文字了。

需要注意的是，contenteditable属性在某些浏览器中可能存在兼容性问题，因此在实际使用中需要进行充分的测试和调整。