有没有办法改变外部脚本的CSS样式？

Question

我的一个页面上运行了一个外部脚本 -

<script type="text/javascript">var opt={id:829,cnt:3,bg:''};(function(){var script=document.createElement("script");script.type="text/javascript";script.async=true;script.src="https://kvr.ru/js/widget/api.js?id=829";document.getElementsByTagName("head")[0].appendChild(script);})();</script>

当我将它插入我的页面时,我得到一个丑陋的垂直滚动条.

我已经通过firebug更改了一些css值,它有帮助,但我如何覆盖脚本获取的css？

我想从外部代码更改以下css中的font-size:

p.info-widget, p.info-widget a{
color:#959595;
font-size:10px;
margin:0 1px 0 0;
text-align:right;

}

我试图将p.info-widget插入到我的main.css中,并使用!important覆盖其字体大小,但它不起作用(

Answer 1

在该脚本的css之后添加或包含你的css,因为它会覆盖它.

例如,如果您的外部css具有:

p.info-widget, p.info-widget a{
color:#959595;
font-size:10px;
margin:0 1px 0 0;
text-align:right;
}

你可以通过在它之后包含它来覆盖那个css.

p.info-widget, p.info-widget a{
color:#2e2e2e; // changed color
font-size:10px;
margin:0 1px 0 0;
text-align:right;
}