Override an inline CSS style

Question

I'm using Twitter's typeahead script to autosuggest with my search form. However, the script generates its own CSS styles, which I can't seem to override. You can see the problem here: http://bahcalculator.org/dev/nano.php. I tried to create a copy of the style .tt-hint within my style sheet, but the inline style is overriding it. How can I make .tt-hint inherit the styles from my form?

Accepted Answer

Using CSS you have no choice but to use an `!important` rule for each declaration within the `.twitter-typeahead .tt-hint` selector as there is no other way to override the inline styles using an external stylesheet.

Override an inline CSS style

Solution

Problem