覆盖内联CSS样式

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?

Answer 1

使用CSS您别无选择，只能对.twitter-typeahead .tt-hint选择器中的每个声明使用!important规则，因为没有其他方法可以使用外部样式表覆盖内联样式。

Answer 2

You can change the styles using JavaScript, which will replace the inline style or you can use the !important keyword in your CSS, which will overwrite inline styles:

div.uk-form-row > span.twitter-typeahead {
    position: absolute !important;
}