Decrease Twitter Bootstrap input field's height?

Question

In my form I would like to decrease my Input field's height.

I know there are input-small, input-medium classes which control input field's width, but is there any thing similar for controlling height?

I couldn't find any and if there isn't how do I go about overriding the defaults?

Answer 1

I couldn't find any and if there isn't how do I go about overriding the defaults?

Bootstrap's input field height is defined using attribute selectors e.g. input[type="text"], input[type="password"]

You can override it with your styles in the same selector format, or uses classes and such.

.mystyle input[type="text"] {    height: 14px;    font-size: 10px;    line-height: 14px; }