的jQuery插件的CSS將覆蓋我自己的CSS

我使用jQuery的標籤和其他一些小部件的jQuery。現在的jQuery插件的CSS將覆蓋我自己的CSS

，標籤裏面，所有的內容是根據jQuery的CSS樣式。所以，最簡單的方法就是註釋掉或更改一些jQuery的CSS定義。但顯然，所有其他小工具，如自動完成，都不再工作了。

如何其他人解決這個問題？我的首選解決方案是，如果我可以離開了jQuery CSS，因爲它是，並且只是有標籤裏面我自己默認的CSS回來。

例子：

.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }

這將覆蓋在我的標籤的文本顏色。對其他小部件來說沒問題，但在標籤內部看起來很糟糕。

來源

2011-06-08 Remy

我認爲，解決辦法是使用jQuery刪除CSS類文件，比如上例中的BUTTOM標籤：

<script> 
    $(function() { 
     $("#tabs").tabs(); 
     $(".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *") 
      .removeClass("ui-corner-all ui-corner-top") 
      .addClass("ui-corner-bottom"); 
    }); 
</script>

來源

2011-06-08 09:48:07 Remy

我要麼爲你的元素使用不同的CSS類（或者開始在元素或包含元素上使用類，如果你還沒有），所以你沒有與jQuery樣式衝突。

來源

2011-06-08 08:20:41 GregL

權。問題是我有像字體，顏色等東西的全局定義。我不想再爲每個元素定義它們。 – Remy 2011-06-08 08:23:23

作爲一個想法，嘗試將所有內容包裝在具有特定類的div中，然後將所有樣式定義爲僅應用於包含div的所有樣式。例如'div.my_class span {...}'。然後在標籤中使用同一個容器。那樣有用嗎？ – GregL 2011-06-08 08:30:46

的jQuery插件的CSS將覆蓋我自己的CSS

回答

相關問題