Angular 角度材质:突出显示文本框中的单词

Angular 角度材质:突出显示文本框中的单词,angular,typescript,angular-material,angular8,Angular,Typescript,Angular Material,Angular8,如何仅突出显示“角度材质”文本框中的文本,而不突出显示整个内部框?我只想在(寿司)中强调从“s”到“I”的结尾,而不是整个盒子 我们将此应用于只读文本框。 另外,读取Javascript操作对于角度来说并不理想,所以要寻找合适的方法 一个快速解决方案是突出显示CSS中某个类的文本。然后可以为只读输入分配此类。此解决方案并不完美,但可能适合您的需要 这显示了如何仅突出显示输入的文本,我建议您阅读它以了解此解决方案的局限性 CSS: .yourInputElement::first-line{

如何仅突出显示“角度材质”文本框中的文本,而不突出显示整个内部框?我只想在(寿司)中强调从“s”到“I”的结尾,而不是整个盒子

我们将此应用于只读文本框。 另外,读取Javascript操作对于角度来说并不理想,所以要寻找合适的方法



一个快速解决方案是突出显示CSS中某个类的文本。然后可以为只读输入分配此类。此解决方案并不完美,但可能适合您的需要

这显示了如何仅突出显示
输入的文本,我建议您阅读它以了解此解决方案的局限性

CSS:

.yourInputElement::first-line{
  background-color: gold; 
}
这是一个如何工作的演示


希望这能解决您的问题:)

在每次输入中只突出显示一个字符是什么意思?我没有这么说,请参见上面的问题在输入框中不能这样做。。。这是一个很好的解决方法:
.yourInputElement::first-line{
  background-color: gold; 
}