html - How can TO ovrride css custom class above by bootstrap btn class? -

i have css file in project, , global css class:

input[type=text], input[type=password], input[type=button], input[type=submit] {     margin: .2em .05em;     border: 1px solid #333333;     color: #333333; } 

in css imported bootstrap.

@import url('../bootstrap.min.css'); 

my question how can ovrride css class above bootstrap btn class?

take @ submit button if don't add custom css after bootstrap css white text color inside button . custom css overriding hence red.

with custom css

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');  input[type=text], input[type=password], input[type=button], input[type=submit]  {      margin: .2em .05em;      border: 1px solid #333333;      color: red;        }

<input class="form-control" type="text">  <input type="password">  <input type="button">  <input class="btn btn-info" type="submit">

without custom css

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

<input class="form-control" type="text">  <input type="password">  <input type="button">  <input class="btn btn-info" type="submit">