Multi select check boxes have box-shadows around them in chrome browser with bootstrap

When I add selectMode: 'multi' to my table settings, I get multi select boxes. They are input of type checkbox. I am also using bootstrap styling. These checkbox inputs have a class of form-control which, in bootstrap, turns on box-shadow.

Is this desired behavior?

It looks bad.
Here are the style settings under form-control that affect this.

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

I got rid of the box-shadows with this(in css):

input[type=checkbox].form-control {
box-shadow: none;
}