如何避免zurb功能样式覆盖jqgrid / jquery ui样式?

时间:2014-03-25 15:33:27

标签: css jqgrid zurb-foundation

我正在使用Foundation CSS框架和jqGrid来显示数据,但是Foundation样式正在搞乱jqGrid / jquery UI样式......

我已经尝试了很多更改和搜索,但我无法弄清楚如何做到这一点......

以下是一个示例:http://jsbin.com/cocukube/1/ 我希望jqGrid显示如下:http://jsbin.com/cocukube/2/ 但当然,所有的基金会风格......

非常感谢。

1 个答案:

答案 0 :(得分:0)

首先,我将介绍一下您加载CSS的顺序。为了确保Foundation不会覆盖你的jqGrid样式,请确保在Foundation之后加载jqGrid。

<link rel="stylesheet" type="text/css" href="foundation.css">
<link rel="stylesheet" type="text/css" href="jqgrid.css">

如果这不是问题,您可能需要创建一个override.css文件,基本上是&#34;撤消&#34; Foundation正在应用的一些样式。如果有必要,请确保在另外两个文件之后调用override.css文件。