blocks|key|1855994|text|To+answer+your+question:+how+to+create+a+new+jquery+theme?|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1855995|就像@Andrea提到的那样，你应该像这样使用jQuery+ThemeRoller|1855996|Define+|unordered-list-item|1855997|+sj:head|ordered-list-item|1855998|1855999|1856000|<%25@+taglib+prefix="s“uri="/struts-tags"%25>+<%25@+taglib+prefix="sj”uri="/struts-jquery-tags"%25>++|1856001|您应该注意以下样式类。|1856002|1856003|-+ui-widget-header
-+ui-state-default
-+ui-widget-content|code-block|syntax|javascript|1856004|​|1856005|如果你想调整单一样式，你可以使用CSS选择器或jQuery选择器来实现。|1856006|插件将完成剩下的工作。试试看吧。|1856007|entityMap|0|LINK|mutability|MUTABLE|url|http://jqueryui.com/themeroller/^0|0|1M|0|N|I|0|0|0|1|7|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1G|8|@]|D|@$9|1H|A|1I|1|1J]]|E|$]]|$1|H|3|I|5|J|7|1K|8|@]|D|@]|E|$]]|$1|K|3|L|5|M|7|1L|8|@$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|N|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|R|3|S|5|J|7|1R|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]|$1|U|3|V|5|W|7|1T|8|@]|D|@]|E|$X|Y]]|$1|Z|3|10|5|6|7|1U|8|@]|D|@]|E|$]]|$1|11|3|12|5|6|7|1V|8|@]|D|@]|E|$]]|$1|13|3|14|5|6|7|1W|8|@]|D|@]|E|$]]|$1|15|3|-4|5|6|7|1X|8|@]|D|@]|E|$]]]|16|$17|$5|18|19|1A|E|$1B|1C]]]]

<code>To answer your question: how to create a new jquery theme?</code>

<ol>
<li>Just like @Andrea mentioned, You should use <a href="http://jqueryui.com/themeroller/" rel="nofollow">jQuery ThemeRoller</a></li>
<li>Define your <code>sj:head</code> like this

<pre><code>&lt;%@ taglib prefix="s" uri="/struts-tags"%&gt;
&lt;%@ taglib prefix="sj" uri="/struts-jquery-tags"%&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;sj:head jqueryui="true" jquerytheme="mytheme" 
 customBasepath="template/themes"/&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre></li>
<li>You should care following style classes.

<ul>
<li>ui-widget-header</li>
<li>ui-state-default</li>
<li>ui-widget-content</li>
</ul></li>
</ol>

If you want to adjust single style, you can use either CSS selector or jQuery selector to do this.

the plugin will do the rest. Just try it out.

blocks|key|5690321|text|您可以使用jQuery中的其他主题之一来更改默认主题，只需更改jQuery+CSS的导入即可。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5690322|您可以在jQuery+ThemeRoller+(图库选项卡)和Struts2-jQuery+Showcase中看到它们(使用右上角的加载器组合框)。|5690323|如果它们都不能满足您的需求，|5690324|只需选择更接近你想要的主题，并定义你的CSS，|5690325|在+jQuery+CSS导入之后声明它(因为CSSs的导入顺序很重要，)，|5690326|并手动覆盖每个需要更改的style+declaration；|5690327|要轻松快速地查看(和试验)它们，您可以在FireFox上使用FireBug，或在其他浏览器上使用类似的工具。|5690328|5690329|例如，如果使用|5690330|.ui-jqgrid+tr.ui-row-ltr+td{
++++border-right-style:+dashed;
}|code-block|syntax|javascript|5690331|在你的CSS中，无论你使用哪个主题，你的TDs都会有虚线边框。|5690332|5690333|你甚至可以从无到有创建你的个人jQuery+CSS+Theme，但我怀疑这不是你想要的，这不会是一项快速的工作……|5690334|entityMap|0|LINK|mutability|MUTABLE|url|http://jqueryui.com/themeroller/|1|http://struts.jgeppert.com/struts2-jquery-showcase/index.action^0|5|6|V|A|0|4|I|V|N|4|I|0|V|N|1|0|0|J|3|0|9|3|M|3|0|C|H|0|K|7|U|7|0|0|0|0|3|3|K|2|0|0|F|G|0^^$0|@$1|2|3|4|5|6|7|1E|8|@$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1J|8|@$9|1K|A|1L|B|C]|$9|1M|A|1N|B|C]]|D|@$9|1O|A|1P|1|1Q]|$9|1R|A|1S|1|1T]]|E|$]]|$1|H|3|I|5|6|7|1U|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1V|8|@$9|1W|A|1X|B|C]]|D|@]|E|$]]|$1|L|3|M|5|6|7|1Y|8|@$9|1Z|A|20|B|C]|$9|21|A|22|B|C]]|D|@]|E|$]]|$1|N|3|O|5|6|7|23|8|@$9|24|A|25|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|26|8|@$9|27|A|28|B|C]|$9|29|A|2A|B|C]]|D|@]|E|$]]|$1|R|3|-4|5|6|7|2B|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|2C|8|@]|D|@]|E|$]]|$1|U|3|V|5|W|7|2D|8|@]|D|@]|E|$X|Y]]|$1|Z|3|10|5|6|7|2E|8|@$9|2F|A|2G|B|C]|$9|2H|A|2I|B|C]]|D|@]|E|$]]|$1|11|3|-4|5|6|7|2J|8|@]|D|@]|E|$]]|$1|12|3|13|5|6|7|2K|8|@$9|2L|A|2M|B|C]]|D|@]|E|$]]|$1|14|3|-4|5|6|7|2N|8|@]|D|@]|E|$]]]|15|$16|$5|17|18|19|E|$1A|1B]]|1C|$5|17|18|19|E|$1A|1D]]]]

You can change the default theme by using one of the other themes from <code>jQuery</code>, simply changing the import of the <code>jQuery CSS</code>.

You can see them in <a href="http://jqueryui.com/themeroller/" rel="nofollow"><code>jQuery ThemeRoller</code></a> (Gallery tab), and in the <a href="http://struts.jgeppert.com/struts2-jquery-showcase/index.action" rel="nofollow"><code>Struts2-jQuery Showcase</code></a> too (using the themeroller combobox on top-right corner).

If none of them satisfies your needs, 

just choose the theme closer to what you want, and define a <code>CSS</code> of your,

declaring it AFTER the jQuery <code>CSS</code> import (because order of import of <code>CSS</code>s matters, the last win), 

and manually doing the override of every <code>style declaration</code> you need to change;

To easily and quickly see (and experiments with) them, you can use <code>FireBug</code> on <code>FireFox</code>, or similar tools on other browsers.

<hr>

For example, if you use

<pre><code>.ui-jqgrid tr.ui-row-ltr td{
 border-right-style: dashed;
}
</code></pre>

in your <code>CSS</code>, you will have dashed borders for your <code>TD</code>s, no matter which theme are you using.

<hr>

You could even create your personal <code>jQuery CSS Theme</code> from nothing, 
but I doubt this is what you are looking for, it wouldn't be a quick work...

I have a <a href="http://code.google.com/p/struts2-jquery/wiki/GridTag" rel="nofollow">Struts2-jquery</a> Grid component on my webpage. 

It works perfectly, but how can I edit the CSS rules for the Struts2-jQuery-Grid plugin ? 

Can I apply my custom CSS rules to this grid view ?

Struts2-Jquery Grid CSS Editing

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我的网页上有一个网格组件。它工作得很好，但是我如何编辑Struts2-jQuery-Grid插件的CSS规则呢？我可以将我的自定义CSS规则应用于此网格视图吗？

问Struts2-Jquery网格CSS编辑
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Struts2-Jquery网格CSS编辑EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Struts2-Jquery网格CSS编辑
EN