更改文本框中一个字符的颜色 HTML/CSS

Question

我正在设计一个网站，我想问问你们，如何通过CSS改变HTML文本框中字符串中的一个字符的颜色？

示例：STACK OVER FLOW 只有“A”字母是红色的！

原文由 bluewonder 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

You can’t do this with a regular <input type="text"> or <textarea> element, but with a normal element (like <div> or <p> ) made contenteditable ，您拥有 html/css 格式的所有自由。

 <div contenteditable>
    ST<span style="color: red">A</span>CK OVERFLOW
</div>

http://jsfiddle.net/jVqDJ/

浏览器支持也非常好 (IE5.5+)。在 https://developer.mozilla.org/en-US/docs/Web/HTML/Content_Editable 阅读更多内容

原文由 xec 发布，翻译遵循 CC BY-SA 3.0 许可协议