javascript:在文字區域或文字輸入中多色文字突出顯示

不，您不能在文字區域或文字輸入中執行此操作.任何与CSS文字相關的屬性都將影响textarea / input中的整个文字.您需要一个可編輯的元素或文件来實現語法突出顯示.示例（在所有最新的瀏覽器中均可使用；最近的主要瀏覽器不支援 contenteditable 是Firefox 2.0）：

<code contenteditable="true">
  <span style="color: blue">var</span> foo = <span style="color: green">"bar"</span>;
</code>

您找到了吗？

使用jQuery.colorfy

代碼： https://github.com/cheunghy/jquery.colorfy

演示： http://cheunghy.github.io/jquery.colorfy/

截屏视频： https://www.youtube.com/watch?v=b1Lu_qKrLz0

這實際上可以通過使用標簽內部的樣式来完成，這是我做過此事的一个網站的參考

<input style="border-radius: 5px; background-color: #000000; color: #ff0000; border-color:
 blue;" class="form-control" name="firstname" placeholder="What you were looking for?"
 type="text"
 required autofocus />

您可以簡單地建立一个SPAN標記以選擇文字的某些部分，例如：

Some <span style="color:#FF3333">text</span> here

它將使單詞文字變為红色