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

您可以使用jQuery做到這一點，

假設你有一個父容器爲你的widget，你可以做到以下幾點，

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

剛剛創建一個快速的樣機在這裏：http://jsfiddle.net/j3GPL/

Answer 2

你最好的選擇將是覆蓋CSS。例如

td { background: #f00!important;} 

看到here的一個例子。