如何在jQuery UI主题中获取主/辅助颜色

时间:2009-06-29 07:58:57

标签: css jquery-ui colors themes

有没有办法引用jQuery主题中使用的颜色而不为我可能选择使用的每个主题创建一个简单的样式?

示例:我有一些文字如下

<div>Hello</div>

我希望根据当天的主题改变颜色。我希望使用主题中的原色(比如ui-lightness),这是“#1c94c4”,如 ui-lightness中的 ui-state-default 等几种风格中所定义的的CSS

问题在于,如果我执行以下操作

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

我得到了所有其他风格效果,如边框和背景颜色,这些效果不适合我的应用程序 我想做的是像

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

会自动更改 依赖于主题的颜色。

PS。做一个预构建预处理步骤来解析主题并生成自定义的CSS样式将是我最不利的选择!

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:-1)

是的,您可以将任何UI CSS直接添加到任何html元素,在单独的类中生成其他样式以处理特定需求,甚至覆盖类以摆脱边框样式。搜索jQuery“ThemeRoller-ready”网站。

我还建议您查看jQuery forum

jQuery theming页面也值得一读。