3/20/2018

Remove bootstrap text input outline when focused in Meteor React

Recently I installed the bootstrap v4.0 and used some of the components and noticed this slightly transparent shadow or outline around text input and also in some other components such as buttons and so on.

I am using MeteorJS React so I was a bit puzzled on how to remove it. Did some search and tried possible solutions using JQuery but got no luck so I tried the simple CSS in react way and add the {outline: 'none', boxShadow: 'none'} and it worked. Here is the code:

Hope this helps.