jqGrid與jqueryUI與zurb基礎衝突

嗨我使用jqgrid具有jQuery UI主題。我在網站上的主頁使用zurb基礎框架作爲我們的基礎css框架。jqGrid與jqueryUI與zurb基礎衝突

如果我不包括zurb的基礎CSS，但如果我包括它... CSS無法正確呈現jqgrid，jqgrid的網頁呈現完美。

我可以看到原因，因爲我試圖在一個網頁中包含兩個不同的CSS框架，並且這兩個框架有一些相互衝突的一般CSS類。

我需要使用這兩個框架，因爲我將使用許多jqueryui組件與zurbfoundation組件+ css。

有沒有辦法來處理這些衝突。我腦海中的一個解決方案是在我的網頁中使用內置頁框，我擁有jqgrid ...但這將是我最後的最後一個優點。

或者有沒有一種方法可以使用jqgrid而不使用jqueryUI？

來源

2012-09-02 user1213831

，如果你表現出你對演示範例，將發佈的URL演示衝突這將是很好。 – Oleg

我能夠修復它。 foundation.css有表格標籤和輸入[文本]標籤的一般類。評論這些類有助於消除衝突。

來源

2012-09-11 18:20:57 user1213831

你不應該從基金會的css頁面註釋掉任何代碼，而是嘗試使用覆蓋。所以如果Foundation有一個像''.someClass {color：black}'這樣的類，並且你想改變它，你可以在你的'Style.css'中創建一個在Foundation之後加載的覆蓋，並執行諸如'.someClass {color：白色}'或其他。但是，如果你改變了Foundation.css的太多內容，你將無法升級到新版本，而無需進入新版本並對原版進行所有相同的更改。只是說，你應該總是使用覆蓋這些類型的框架。 –

添加到您的樣式表來覆蓋默認基金會表格樣式：

.ui-widget table { 
    border: none; 
} 

.ui-widget table tbody tr:nth-child(even), 
.ui-widget table thead, 
.ui-widget table tfoot { 
    background-color: transparent; 
}

來源

2013-05-01 15:21:22 Tamlyn

jqGrid與jqueryUI與zurb基礎衝突

回答

相關問題