Q:

Internal style not overriding external style sheet

I'm stuck on this even though it is very simple.  
I'm have a custom css file.  In this I have added this piece of code:
input[type=text] {
   margin-top:5px;
   width:370px;
}

I have one page where I want to override this but when I try to with the following, the width of the text input does not change. 
input[type=text] {
   width:100px ! important;
}

A:

Try <input type=text style="width:100px;" /> That seems to work for me when using bootstrap . 