Schwarze Unterstreichung für Text im HTML-Eingabefeld deaktivieren

Question

Ich habe eine Cordova-App, die ein Suchfeld in einer Symbolleiste enthält. Es ist ein normales HTML-Eingabefeld mit versteckten Grenzen und transparentem Hintergrund. Wenn der Benutzer die Eingabe unter Android (5.0) beginnt, wird das aktuelle Wort schwarz unterstrichen, während die Tastatur Vorschläge zur automatischen Vervollständigung anbietet. Ich habe versucht, die folgenden Attribute auf dem Eingabefeld zu setzen:

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

Dies scheint das Problem jedoch nicht zu beheben. Wie kann ich dieses Verhalten verhindern?

Answer 1

Haben Sie versucht, eine einfache CSS

textarea { 
text-decoration: none; 
} 

Wenn Sie nicht getan hat, das ist, was ich empfehlen würde.

Answer 2

Wie Sie gesagt haben, dass es ein einfaches HTML-Eingabefeld ist, funktioniert der Textarea-Code nicht.

verwenden stattdessen

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