Question

我正在使用UI-Lightness主题，我正在尝试弄清楚如何使用文本颜色作为标签。我感兴趣的颜色是按钮，标签等中的文字;它是浅蓝色。我看到颜色是在“.ui-state-default”类中定义的，但它也有边框细节和我不想要的东西。有没有办法可以在没有额外东西的情况下使用颜色？我知道我可以将颜色硬编码到一个新类中，但如果切换主题，这对我没有帮助。

非常感谢。

Answer 1

如果它只是一些与jQuery ui交互无关的标签，你也可以创建一个新的css类并将其提供给你选择的标签。你所追求的颜色是#1C94C4。如果您决定更改为其他主题，则只需更改班级中指定的颜色，并且您已为该班级指定的标签将全部更改。

此外，如果您确实想要更改主题并且不想更改所有内容，则可以在左侧配置jQuery ui css文件here。或者，如果您只想编辑预制主题的某些特征（例如，更改ui-lightness的字体颜色），您也可以选择 Galley＆gt;编辑并指定您喜欢的任何更改...并下载！：）

Answer 2

我在阅读你的评论时想到了另一种使用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/

使用JQuery UI前景色

2 个答案: