覆盖内联CSS样式

时间:2013-08-17 13:42:09

标签: css twitter-bootstrap

我正在使用Twitter的预先输入脚本来自行搜索我的搜索表单。但是,该脚本会生成自己的CSS样式,我似乎无法覆盖它。您可以在此处查看问题:http://bahcalculator.org/dev/nano.php。我尝试在样式表中创建样式.tt-hint的副本,但内联样式覆盖了它。如何让.tt-hint继承我表单中的样式?

2 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:1)

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

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