How to remove border (or shadow) in input type="text" placeholder="search" in active state?

Question

css

Good time of the day. Please tell me how to remove the input type="text" placeholder="search" border in the active state, I use bootstrap 3 , removed it in the normal state, but for some reason it is not removed in the active and hover states. Why and how to remove?
Thank you.

Answer 1

outline: none

Answer 2

outline:0; it will be more true none in W3C it is not described.

Answer 3

It's not very clear what the problem is.. If you mean the :focus pseudo-class, then you need to remove the box-shadow when focusing on the form field (input:focus).