具有可自定义的拼写检查波浪线的HTML输入文本

Question

我需要在不属于受控词汇的单词下带有可配置波浪红线的HTML输入文本。例如，如果我的词汇是['foo', 'bar']，并且在输入文本中输入了文本foo and bar，则and应该带有下划线，因为它不是词汇的一部分。

我不知道从哪里开始，因为：

• 一方面，这正是Google搜索框的工作方式，并且似乎可以通过<input type='text'>
完成 另一方面，
• 似乎没有办法仅对<input type='text'>中的一部分文本进行样式设置，我在SO上看到一些答案，指出可以使用contenteditable完成属性。

那么，真相在哪里？

Answer 1

是的，有HTML5拼写检查属性。 这是波浪形下划线css

content: '~';
  position: absolute;
  left:0%;
  transform:scale(16,2);
  transform-origin: left