css - How to remove inline style added to textarea by bootstrap? -

i have textarea:

<textarea class="form-control" rows="1" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 34px;"></textarea> 

it's height 34px in chrome, in ie10 it's height 14px. don't know how remove inline style, , add inline style textarea

there few ways, in preference of use:

• remove js adding begin with.
• override in css using !important; (!important override in-line)

texarea {        height: 34px !important;      }

<textarea class="form-control" rows="1" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 34px;"></textarea>

• finally remove via js in answer provided k k