在文本框中书写时出现下划线

Question

我是html / css的新手，我有一个文本框，而写下划线则低于单词.once焦点关闭然后自动进行。我想在输入时删除下划线。

我用text-decoration: none; 和spellcheck="false"

但它不起作用。

我的代码段

 <input  type="text" spellcheck="false" class="text-line"  id="username" name="username" placeholder="Username">

我也附上了图片。

CSS

.text-line {
    background-color: transparent;
    width: 15%;
    color: #000000;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #eeeeee 1px;
    text-decoration: none;
    padding: 3px 5px;
}

Answer 1

有几种情况：

1. 该类文本行可以声明一个选择器：为文本添加下划线的焦点
2. 输入文本可能绑定了一个javascript事件，当输入处于焦点时，该事件会为文本添加下划线，并且当输入不在时，将其删除

Answer 2

添加了autocomplete="off" autocorrect="off" 在html。

谢谢大家。