如何防止构建在链接上的jQuery UI按钮获取该链接的前景色？

Question

在上一个问题中，当你想要重定向时，有人建议在链接顶部构建一个jQuery按钮：

<a href="/search" class="button">My link</>
$(".button").button();

但如果上面的button类定义了红色的前景色，那么该颜色也会显示为按钮的前景色。

a.button {color: red;}

如何让jQuery UI使用自己的配色方案，而不是为主样式表中的链接定义的颜色样式？

Answer 1

使用.css将颜色设置为您想要的颜色，然后将链设置为.button。

示例小提琴：

http://jsfiddle.net/mvelaga/SAFGq/

Answer 2

您可以尝试在jQuery css文件中将jQuery UI按钮的Color属性设置为“！important”。这将使它优先于“按钮”类。

在我的情况下，我必须设置以下

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    //some other style properties ere
    color: red !important;
}