在输入中对单词的字母进行不同的样式设置,可能吗?

想知道这是否可能,但如果我有一个包含文本的输入,例如我们可以说输入中有’Test’这个词。 我希望能够做的是改变“测试”一词的单个字母的样式

我希望’ Te ‘是大胆的,然后’st’是常规的。

它不一定是大胆的,也许我希望’e’是红色的或类似的东西。

关于如何实现这一点的任何想法?

不要认为这是可能的(将做更多的测试)。

如何添加一个看似输入的contenteditable div?

简单的可满足的例子: http : //jsfiddle.net/PpEx7/

编辑

Nopez不可能。 🙂

您应该看一下HTML WYSIWYG编辑器的构建方式。

基本上,他们

  • 隐藏输入字段并显示带有样式内容的另一个html元素: 在textarea上键入时突出显示文本

要么

  • 在html中使用设计模式: javascript富文本编辑器

两种方式都不是微不足道的……

如果您查看MDN CSS参考,您可以自己看到字段内没有单个字母的选择器。

你能做的最好的就是:first-letter

但是你可以看到它对不起作用

不,使用标签是不可能的。 然而,你可以欺骗用户相信他正在使用一个风格的输入,用一个有争议的div替换它。

但是,我在几年前就研究过了,如果你想要一个可靠的跨浏览器解决方案,那就太麻烦了。 除非我记得错误,否则只需在一个可疑的div中显示粗体文本就可以轻松地在主要浏览器中产生以下内容:

 Bold  Bold  Bold  Bold  Bold  

没有孩子。