样式外部小部件

Question

我的网站有一个显示表格的外部小部件。

小部件附带一些内联CSS。有没有办法在将小部件附加到我的页面之前删除此CSS，以便只应用我的css文件规则？

标记看起来像这样：

<div id="widgetContainer">
    <script language='javascript' src='http://www.esake.gr/scripts/create_widget.php?pw=1&maw=242&fof=Verdana&tifs=14&tic=3A3A3A&tibc=FFFFFF&dafs=12&dac=3A3A3A&dabc=FFFFFF&ces=0&cep=1&langid=gr'></script>
</div>

Answer 1

你最好的选择是覆盖css。 e.g。

td { background: #f00!important;}

请参阅here以获取示例。

Answer 2

你可以使用jQuery，

来做到这一点

假设您的小部件有一个父容器，您可以执行以下操作，

$("#parentContainer").children().removeAttr("style");

刚刚在这里创建了一个快速模型：http://jsfiddle.net/j3GPL/