重写Struts 2 jqGrid CSS
我不得不为网格重写默认的struts2-jquery-plugin样式表。我尝试定义自己的样式表(jquery-ui-grid.css)并将其包含在JSP页面中，但是框架总是在最后下载默认的CSS (ui.jqgrid.css)，并重写自己的样式。
我使用Chrome工具来查看网络请求，这样我就可以验证默认CSS和我的定制CSS是否都被下载了，但是只有默认的CSS被应用了(我猜是因为它是最后下载的)。由于这个默认CSS是由Struts 2框架生成的，我不知道如何修改/重写它，因为我不知道这个文件的路径。
目前，我正在使用Maven来管理我的依赖项，struts2-jquery-plugin和struts2-jqgrid-plugin也包含在Maven中。
我正试图改变网格的字体大小，现在我有点绝望了.
如何覆盖/修改插件用于样式网格的默认CSS文件？我不想改变应用于HTML的样式，我正在寻找一个解决方案，它允许我具体地修改jqGrid相关的CSS类。
编辑：
正如在这个问题中提到的，我在jquery-ui之后(在<head />标记中)包含了CSS：
<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主题(我更喜欢这样做，这样我就可以随时更新它，因为我的webapp没有必要对jQuery UI CSS进行重大调整)。
我下载了我正在使用的主题，并将其放入我的webapp (template/themes/myTheme-name/)中，这样我就可以强制框架使用这个显式主题而不是下载它，这确实有效，我现在可以为jqGrid修改我的定制CSS了。但我觉得这只是一个解决办法，我想知道如何做到这一点。
回答 1
Stack Overflow用户
发布于 2015-08-22 11:11:06
以下是创建/修改定制主题的步骤
用jQuery ThemeRoller创建并下载自己的主题
- 在
WebRoot路径template/themes/mytheme中创建一个文件夹 - 解压缩下载的主题并切换到css文件夹
- 将
jquery-ui-x.x.x.custom.css重命名为jquery-ui.css - 将
jquery-ui.css和图像文件夹复制到template/themes/mytheme文件夹中。
<%@ taglib prefix="s“uri=/struts-标记”%> <%@ taglib prefix="sj“uri=”/struts-jquery-标签“%>
https://stackoverflow.com/questions/32135534
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号