How to remove outline in bootstrap 4

Question

I want to remove textbox outline in bootstrap 4 but its not working. please let how can i remove this line.

CSS

Answer 1

You have to remove your box-shadow on input:focus.

Write this css in your custom css file below the bootstrap css to override. It will be good practice if you use your custom parent class.

.parent-class .form-group input[type=text]:focus,
.parent-class .form-group [type=text].form-control:focus, {
  box-shadow: none;
}