2011-09-06 32 views
0

我正在使用UI-Lightness主题,并试图弄清楚如何为我的标签使用文本颜色。我感兴趣的颜色是在按钮,标签等中找到的文本;它是浅蓝色。我看到颜色是在“.ui-state-default”类中定义的,但它也有边框细节和我不想要的东西。有没有一种方法可以在没有额外材料的情况下使用颜色?我知道我可以将颜色硬编码到一个新课程中,但如果切换主题,这不会帮助我。使用JQuery UI前景色

非常感谢。

回答

1

我想在阅读您的评论时使用jQuery来做这件事的另一种方式。如果你真的觉得这是一个麻烦,你可以在所有网页的开头添加以下功能:

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

if(niceColor !== undefined) 
{ 
    $('label').css('color', niceColor); 
} 

这将让目前ui-state-default类的字体颜色使用,让您的所有标签那种颜色。虽然有一个小窍门...你需要在页面上使用ui-state-default类,否则页面上没有该类,因此JavaScript无法获取它的颜色。这意味着你可能会有一些标签在你没有使用ui-state-default类的页面中没有选择颜色。

要解决这个问题,你可以只坚持一个隐藏的元素在每个页面上像这样...

<input class="ui-state-default" style="display:none;" /> 

...只是要确定。

演示:http://jsfiddle.net/E7Zza/1/

+0

谢谢你斯宾塞。我喜欢这个想法。它肯定会在我的CSS中对颜色进行硬编码。 – DrZ

1

如果只是一些与jQuery UI交互无关的标签,您可以创建一个新的CSS类并将其提供给您选择的标签。你之后的颜色是#1C94C4。如果您决定更换不同的主题,只需更改班级中指定的颜色,并且您授予班级的标签将全部更改。

此外,如果您想要更改主题并且不想更改所有内容,您可以在左侧配置一个jQuery ui css文件here。或者,如果您只想编辑预先制作的主题的某些特征(例如更改字体颜色以实现轻量级),则可以通过选择Galley>编辑并指定您喜欢的任何更改并下载! :)

+0

谢谢你的帮助。我希望避免这种情况,因为为了测试,我经常来回切换主题。这对我来说是有道理的,像这样的东西应该只是一个默认设置。 – DrZ