How to remove a border from input:focus . Used by Bootstrap. Styles of type input:focus { border: none; } input:focus { border: none; } do not work.

  • input:focus {outline: none;} try - Dan the Hat
  • Thanks, helped! - Bohdan

1 answer 1

The border property is not the only way to stroke an element. In your case, the stroke is set using outline . Turn it off.

 input:focus { outline: none; } 
 <input type='text' autofocus />