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;
}

Worked like a charm for me. Thank you

Thank you!

ok, thanks bro :)

pffffiiiou I've been trying 2784 different solutions from stackoverflow, without any success, and that's the only solution that fully and properly worked. Many thanks...

make sure not to include line 4 if you want validation states on your inputs (red for error, green for success etc)

Thanks man :-D

Thank you!

Thank you! So helpful!

Thanks!

Thanks!

but what about other types? I know I'd have to also put other types like this:

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

but what about fields like body? which is not working with it?

Thank you again

thanks

Thanks man..

Thanks!
It worked.

THANK YOU

Thanks! It worked pretty fine.

¡Gracias! :)

Thanks! It works perfectly!

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