覆蓋 Struts 2 jqGrid CSS

Question

我堅持覆蓋網格的默認struts2-jquery-plugin樣式表。 我嘗試定義我自己的樣式表 ( jquery-ui-grid.css ) 並將其包含在我的 JSP 頁面上，但框架總是最后下載默認 CSS ( ui.jqgrid.css ) 並覆蓋我自己的樣式。

我使用 Chrome 開發人員工具來觀察網絡請求，因此我可以驗證是否正在下載默認 CSS 和我的自定義 CSS，但只應用了默認設置（我猜是因為它是最后下載的）。 由於此默認CSS 是由 Struts 2 框架生成的，我不知道如何修改/覆蓋它，因為我不知道此文件的路徑。

我目前正在使用 Maven 來管理我的依賴項，並且struts2-jquery-plugin和struts2-jqgrid-plugin正在從 Maven 中包含。

我正在嘗試更改網格的字體大小，此時我有點絕望...

如何覆蓋/修改插件用於設置網格樣式的默認 CSS 文件？ 我不想更改應用於 HTML 表的樣式，我正在尋找允許我專門修改jqGrid相關 CSS 類的解決方案。

編輯：

正如在這個問題中提到的，我在jquery-ui之后包含了我的 CSS（在<head />標簽內）：

<head>
...
<s:head />
<sj:head jqueryui="true" jquerytheme="south-street" loadAtOnce="true"  loadFromGoogle="false" locale="es"/>
<link href="<s:url value='/styles/main.css'/>" rel="stylesheet" type="text/css" media="all" /> 
...
</head>

在我的main.css屬於所有 CSS 導入：

/*
   Css Framework 
   =============
     - see http://www.contentwithstyle.co.uk/Articles/17/a-css-framework
       for more info.
*/
@import url("tools.css");
@import url("typo.css");
@import url("forms.css");
@import url("layout.css");
/* This is my "custom" jqGrid stylesheet: */
@import url("ui.jqgrid.css");
@import url("dl-forms.css");

進度更新：

我仍然無法按照我的意願覆蓋，所以現在我不得不停止使用從互聯網上提供的jquery-ui主題（我更喜歡這種方式，所以我可以隨時更新它，因為沒有需要對我的 web 應用程序的 jQuery UI CSS 進行重大調整）。
我下載了我正在使用的主題並將它放在我的 web 應用程序中（ template/themes/myTheme-name/ ），所以我可以強制框架使用該顯式主題而不是下載它，這確實有效，我現在可以修改我的 jqGrid自定義CSS。 但我覺得這只是一種解決方法，我想知道如何以干凈的方式做到這一點。

Answer 1

這些是創建/修改自定義主題的步驟：

使用jQuery ThemeRoller創建和下載您自己的主題

在您的WebRoot路徑template/themes/mytheme創建一個文件夾

解壓下載的主題並切換到css文件夾

將jquery-ui-xxxcustom.css重命名為jquery-ui.css

將jquery-ui.css和 images 文件夾復制到template/themes/mytheme文件夾中。
 <%@ taglib prefix="s" uri="/struts-tags"%> <%@ taglib prefix="sj" uri="/struts-jquery-tags"%> <html> <head> <s:url var="context" value="/" /> <sj:head locale="de" jqueryui="true" jquerytheme="mytheme" customBasepath="%{context}template/themes"/> </head> <body> </body> </html>

您還可以使用scriptPath屬性來放置您的 JS 代碼。 與使用 CSS 執行相同的方式，但復制到js文件夾中。

覆蓋 Struts 2 jqGrid CSS

問題描述

1 個解決方案

解決方案1
0 2015-08-22 11:11:06

覆蓋 Struts 2 jqGrid CSS

問題描述

1 個解決方案

解決方案1 0 2015-08-22 11:11:06

解決方案1
0 2015-08-22 11:11:06