如何覆蓋特定控件的css？

我創建了一個解決方案，堅持在jQuery UI中做一些工作和看起來不錯的滑動條。如何覆蓋特定控件的css？

我在網頁上彈出了一個手風琴，它的CSS非常糟糕。但我不知道如何用我自己的CSS來代替它，因爲它似乎使用CSS類的絕對TON並覆蓋它們都顯得非常混亂。

大概是用JQuery UI來挑選和選擇樣式和主題是一個常見任務，對此有一個最佳實踐嗎？

我在想也許你可以得到單個組件CSS並預編譯它或類似。但似乎有很多常用的CSS樣式是由jquery ui應用的。

例如，手風琴這些類自動應用：

ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active

我可以看到有兩個包含單詞「手風琴」，所以你可以想像「覆蓋」（或者應該是可以去除的代碼jqueryui css並把它放入我自己的css類？）他們沒有問題，但其他人都埋在jQuery UI中並在全球覆蓋它們可能會導致問題。

我的目標是用我自己的CSS完全自定義手風琴控制，同時不影響任何其他jQuery UI組件。

來源

2013-12-17 NibblyPig

11.7K沒有任何代碼的提問？ –

對不起，這是一個普遍的問題，更多關於實現jQuery UI的設計，以及如何在您想要自定義CSS時管理CSS。我會更新我的問題。 – NibblyPig

是的，請考慮更新你的問題，也可以友善地解釋你究竟在尋找什麼，也會有所幫助:) –

您需要在所有其他樣式的末尾重新聲明樣式表中的相同內容，並將其設置爲您要覆蓋的自定義值。完成之後，重新在頁面末尾聲明該css文件。希望這可以幫助。

來源

2013-12-17 11:27:17 Nitesh

我會遵循同樣的道路。 – melancia

如果你想保持原來的樣式，那麼在你的手風琴中包裹一個div並且繼承你想要的css。任何時候你都可以從div中移除這個類來獲得默認的jQuery手風琴。像：

<div class='someClass'> 
<div class='ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active'></div> 
</div>

CSS會是這樣的：

.someClass .ui-accordion-content { /* your necessary styles */ }

來源

2013-12-17 11:34:21 Era

兩個以上的答案似乎適合您的需求，在完全的利益，雖然使用jQuery只是挑選出你也可以過騎CSS你不滿意的元素，例如

$(".ui-accordion-content").css("color", "#FFF");

可能比挖掘出來的jQuery的UI CSS或重新申報，如果你只是想改變一個或兩個項目簡單。

來源

2013-12-17 15:05:59 Swires

如何覆蓋特定控件的css？

回答

相關問題