在输入中对单词的字母进行不同的样式设置,可能吗?
想知道这是否可能,但如果我有一个包含文本的输入,例如我们可以说输入中有’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
没有孩子。