如何在 jQuery UI 主题中获取主色/次要颜色

发布于 2024-07-25 21:08:18 字数 568 浏览 3 评论 0原文

有没有一种方法可以引用 jQuery 主题中使用的颜色,而无需为我可能选择使用的每个主题创建简单的样式?

示例:我有一些如下文本

Hello

我希望根据当天的主题更改颜色。 我希望使用主题(例如 ui-lightness)中的原色,该主题是“#1c94c4”,如在 ui-lightness 中的 ui-state-default 等多种样式中定义的.css

问题是,如果我执行以下

Hello

我会得到所有其他样式效果,例如边框和背景颜色不适合我的应用程序 我想做的是

Hello

它会自动更改颜色取决于主题。

附言。 进行预构建预处理步骤来解析主题并生成自定义 CSS 样式将是我最不喜欢的选择!

Is there a way to reference the colours used in the jQuery themes without creating a simple style for each theme that I may choose to use?

Example: I have some text as follows

<div>Hello</div>

which I'd like to be change colour in line with my theme of the day. I wish to use the primary colour from a theme (say ui-lightness) which is "#1c94c4" as defined in several of the styles such as ui-state-default in ui-lightness.css

The problem is that if I do the following

<div class='ui-state-default'>Hello</div>

I get all the other style effects, like borders and background colour, which are not right for my application
What I'd like to do is something like

<div class='ui-primary-color'>Hello</div>

which would automatically change only the colour dependent on the theme.

PS. Doing a pre-build pre-processing step to parse the themes and generate a customised css style would be my least favourable option here!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

热血少△年 2024-08-01 21:08:18
var color = $(".ui-state-default").css("color");

给了我颜色:“rgb(255, 255, 255)”

var color = $(".ui-state-default").css("color");

gave me color: "rgb(255, 255, 255)"

放血 2024-08-01 21:08:18

是的,您可以将任何 UI CSS 直接添加到任何 html 元素,在单独的类中生成其他样式来处理特定需求,甚至重写一个类以消除边框样式等。 搜索 jQuery“ThemeRoller-ready”站点。

我还建议您查看 jQuery 论坛

jQuery 主题 页面也值得一读。

Yes, you can can add any of the UI CSS directly to any html element, produce additional styles in separate classes to handle particular needs or even override a class to get rid of, say, a border style. Search for jQuery 'ThemeRoller-ready' sites.

I also suggest you to take a look at the jQuery forum.

jQuery theming page also worth reading.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文