html - 如何从文本区域的文本输入中删除下划线？

Question

我在文本区域中使用不同类型的字体。但是当我开始打字(在android中)时，我输入的文本带有下划线，直到我按下空格，然后下一个单词再次带有下划线，依此类推。怎么去掉这个下划线？我尝试了 text-decoration: none; 但它不起作用。

HTML

<ion-row class="text-row ion-justify-content-center">
    <ion-textarea #textBlock id="textId" (ionBlur)="focusText()" [(ngModel)]="textBlockData.text" rows="1" maxRows="15"
      style="
        font-size: {{ textBlockData.fontSize }}px;
        font-family: {{ textBlockData.fontFamily }};
        color: {{ textBlockData.color }};" class="text-input" (resized)="onResized($event)"
      placeholder="Write something" autosize>
    </ion-textarea>
</ion-row>

SCSS

@font-face {
  font-family: Pacifico;
  src: url("../../../../assets/fonts/Pacifico-Regular.ttf");
}

@font-face {
  font-family: Roboto;
  src: url("../../../../assets/fonts/Roboto-Medium.ttf");
}

.text-input {
  border-radius: 20px;
  position: absolute;
  background: transparent;
  color: white;
  max-height: 500px;
  white-space: break-spaces;
  text-decoration: none;
}

Answer 1

好吧，它是 Android 键盘中的拼写检查器。将其关闭即可删除该行。我得到了来自here的答复