Question

我正在使用jqgrid-4.5.4。我想在jqgrid上应用我的应用程序的主题，因此试图覆盖下面的一些css＆amp;更多：

Original :
.ui-jqgrid .ui-jqgrid-hdiv {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    margin:     
    overflow-x: hidden;
    padding: 0;
    position: relative;
}
My theme :
.ui-jqgrid .ui-jqgrid-hdiv {
    border: 1px solid #dedede; 
}

但由于ui.jqgrid.css中许多地方的！重要规则，我无法编辑原始的jqgrid的css文件。

查询1.为什么css文件包含如此多的！重要规则？

查询2.我的想法是保持原始文件不变并将覆盖的css放在单独的文件中，因此当我升级jqgrid时，只更新主题文件并更新它会更容易，而不是找到旧的和新的jqgrid'css文件之间的差异。我是这样做的人还是其他任何想法？

感谢。

Answer 1

我在代码中覆盖了几个jQGrid CSS规则。

只需包含您自己的自定义CSS文件 AFTER 即可包含jQGrid CSS文件并使用!important。

包含示例：

<!-- jQGrid CSS -->
<link href="Content/ui.jqgrid.css" rel="stylesheet" />

<!-- My Custom CSS Included AFTER the jQGrid CSS -->
<link href="Content/global.css" rel="stylesheet" />

在我的自定义CSS文件中，我有以下规则：

.navtable .ui-pg-button .ui-pg-div {
    margin: 0 8px 0 8px !important;
}

这将覆盖jQGrid默认样式，因为它位于我的自定义CSS文件中，包括 AFTER jQGrid CSS文件。

为什么jqgrid css中有这么多重要的规则？

1 个答案: