覆盖内联CSS样式

Question

覆盖内联CSS样式

3

我正在使用Twitter的typeahead脚本来为我的搜索表单提供自动建议功能。然而，该脚本会生成自己的CSS样式，我似乎无法覆盖它。您可以在此处查看问题：http://bahcalculator.org/dev/nano.php。我尝试在我的样式表中创建.tt-hint样式的副本，但是内联样式正在覆盖它。如何使.tt-hint继承来自我的表单的样式?

- Casey

2个回答

2

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

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

- insertusernamehere

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Adrift · Accepted Answer

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