禁用HTML输入字段中的文本上的黑色下划线

Question

我有一个Cordova应用程序，在工具栏中有一个搜索字段。它是一个常规的HTML输入字段，隐藏了边框，背景设置为透明。当用户开始在Android（5.0）上打字时，当前单词以黑色加下划线，而键盘则提供自动完成建议。我试图在输入字段上设置以下属性：

<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="search" ng-change="search()" ng-model="ident" placeholder="Search" style="text-decoration: none;">

然而，这似乎并未解决问题。我该如何防止这种行为？

Answer 1

尝试此查询：

textarea{
     text-decoration: none;
     outline: none;
}

Answer 2

你试过一个简单的CSS吗

textarea {
text-decoration: none;
}

如果你没有，那就是我推荐的。

Answer 3

使用下边框代替文字装饰：

a:link {
text-decoration: none;
border-bottom: none;
-webkit-box-shadow: none;
box-shadow: none;
}

您可以尝试在{之前添加!important；符号。 这将赋予代码优先权。

a:link {
text-decoration: none!important;
border-bottom: none!important;
}

Answer 4

将!important添加到您的输入样式。

Answer 5

正如您所说的那样，它是简单的HTML输入文本框，但textarea代码无法正常工作。

改为使用

<input type="text" style="text-decoration:none">