Is there a way to reset the border, border-radius, and background-color CSS properties?

-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 0;

That should reset the borders. As long as your preferred styles appear later than the ones provided by Bootstrap, they will take precedence. Also, -moz-appearance may help you override default Firefox appearances (or reset them).

• https://developer.mozilla.org/en-US/docs/CSS/-moz-appearance

The Bootstrap declarations have a higher specificity than yours.

You can test this by adding !important after the declaration: border: none !important

Do not ship with this code, however. To fix it the right way, use another class or id to override Bootstrap's CSS.

To reset properties, use value "initial", works on all properties:

-webkit-border-radius: initial;
-moz-border-radius: initial;
-o-border-radius: initial;
border-radius: initial;
border: initial;