How to remove border and background of input in ms edge

Viewed 3583

It appears when dropdown with suggestion texts opens the input is hovered.
Setting focus, active, hover styles doesn't help. It looks like it's out of DOM. enter image description here
How can I remove the border and the background of an input text in Edge?

UPDATE

If there is no css solution, can anybody answer me with a link to how-it-works-article and/or provide me a javascript workaround (I want it to be like in google.com search input).

5 Answers

Just add outline: none; in ur css and it should do the trick!

CSS:

input { 
   outline: none;
}

HTML:

<input style="outline: none;" type="text" id="lname" name="lname">
Related