Twitter Bootstrap: remove the blue glow in the form inputs

Bootstrap: no blue glow

input[type="text"], textarea {
outline: none;
box-shadow:none !important;
border:1px solid #ccc !important;
}

Thank you!

thank you!

Thx

Hello Folks,

I have seen many articles and tricks on multiple websites to get rid of this blue thing which comes on click as :focus,
Here is the way: If you are using bootstrap locally not a CDN then you can head to the bootstrap.css and if you are using .min file then bootstrap.min.css, search "box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);" and replace it with "box-shadow: none!important;" so this will delete all the focus at once, you can use sublime or Atom editor to replace at once.

thanks

Thank you!

Good!

It worked. Thanks.

Saved my day :D

Thank you!

Thank you!

Thanks!

try shadow-none or shadow-sm