Disabling black underline on text in HTML input-field

Question

I have a Cordova app that has a search field in a toolbar. It is a regular HTML input field with the borders hidden and background set to be transparent. When the user starts typing on Android (5.0), the current word is underlined in black, while the keyboard is offering up auto-complete suggestions. I have tried to set the following attributes on the input field:

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

This does not seem to fix the problem however. How can I prevent this behaviour?

Answer 1

use border-bottom instead of text-decoration:

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

You can try adding this: !important right before the ; symbol. This will give the code priority.

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