html - jQuery 按钮 href 文本

Question

我有一个 href 链接作为 jquery 按钮

$("a.button, button, input:submit", "div").button();

<a href="/Home/Acton" class="button">Back</a>
<button name="submit" id="continue" value="continue">Continue</button>

结果我得到了:

所以问题是 href 中的 Back 文本不是白色的，为了解决这个问题，我添加了下面的样式。

/*jQuery buttons a href style fix*/
a.button:link {color: #fff !important;} 
a.button:hover {color: #026890;}

我可以在 firebug 中看到应用了样式，但这没有帮助，Back 文本仍然不是白色。

问题是，当 Back 处于悬停状态时，它看起来不错，但当不处于悬停状态时，文本应该是白色的，就像 Continue 一样，但事实并非如此.

我该如何在 CSS 中解决这个问题？

Answer 1

您没有将a:visited设置为白色，这就是为什么您会遇到这种情况，您也可以将a:hover设置为#026890

那么试试看:

/*jQuery buttons a href style fix*/
a.button:link {color: #fff !important;} 
a.button:visited {color: #fff !important;} 
a.button:active {color: #026890 !important;} 
a.button:hover {color: #026890 !important;}