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基础冲突

回答

相关问题