css - 覆盖内联 CSS 样式

Question

我正在使用 Twitter 的 typeahead 脚本自动提示我的搜索表单。但是，该脚本会生成自己的 CSS 样式，我似乎无法覆盖这些样式。您可以在这里看到问题：http: //bahcalculator.org/dev/nano.php。我试图在我的样式表中创建样式 .tt-hint 的副本，但内联样式覆盖了它。如何让 .tt-hint 从我的表单中继承样式？

Answer 1

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

Answer 2

您可以使用 JavaScript 更改样式，这将替换内联样式，或者您可以!important在 CSS 中使用关键字，这将覆盖内联样式：

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