点击下方链接如何改变颜色？答案

【问题标题】：How to change the color of below link on click of it?点击下方链接如何改变颜色？
【发布时间】：2012-03-09 19:05:47
【问题描述】：

我有以下代码 sn-p。我没有得到如何在点击它时将下面链接的颜色从红色（FF0000）更改为黑色（任何颜色）？

<li>
<a class="optionsDropDown" href="javascript:showNewScreen();" >
   <span id="0" ><font color="FF0000"><fmt:message bundle="${link}" key="lnk_newScreen" /></font></span>
</a>
</li>

EDIT2

ul.optionsDropDown {
  background: white;
  border: 1px solid #D1D0CE;
  border-width: 0 1px 1px;
  display: none;
  left: -15px;
  list-style: none;
  position: absolute;
  top: 12px;
  width: 135px;
  height: 90px;
  z-index: 9999;
}

ul.optionDropDown li {
  display: inline;
}

ul.optionsDropDown li a {
  display: inline;
  margin: 0;
  padding: 0px 5px;
  font-size: 11px;
  color: #05040B;
  text-decoration: none;
}

ul.optionsDropDown li a:hover {
  text-decoration: underline;
}

ul.optionsDropDown li a:visited{
  color: #000000;
}

 ul.optionsDropDown li a:active{
  color: #000000;
}

 </style>
<ul><li><a class="optionsDropDown" href="javascript:showNewScreen();" >
   <span id="0" ><font color="FF0000"><fmt:message bundle="${link}" key="lnk_newScreen" /></font>             </span>
</a>  
</li>

【问题讨论】：

标签： javascript html jsp hyperlink taglib

【解决方案1】：

您可以通过 CSS 完成此操作。在您的文档头部或您发布的标记之前的任何位置插入以下内容：

<style type="text/css">
    a.optionsDropDown:visited { color: #000000; }
    a.optionsDropDown:active { color: #000000; }
</style>

【讨论】：

我一点击就想要。根据你的建议，我做了 function showNewScreen() {
我编辑了答案以包含第二行（“活动”），它将在点击发生时更改链接颜色。请注意，您不应将此标记嵌入到您的 Javascript 中；您应该将其从 showNewScreen() 函数（实际上，完全从 <script> 标记中）移出到文档本身以使其正常工作。例如，您可以将其放在文档的 <head> 中，或直接放在您在原始帖子中引用的 <li> 标记之前。
它不起作用。单击链接后，将打开一个新的弹出窗口。但是具有链接的父窗口不会刷新。我认为我们必须在 javascript 中明确地做到这一点

【解决方案2】：

您应该使用 CSS 进行样式设置，而不是内联字体标签。

此外，名称和 ID 应以 a-Z 开头，而不是数字。 id="0" 无效。

试试：

<style type="text/css">
 a.optionsDropDown:link {color: #FF0000; }
 a.optionsDropDown:active {color: #000000; }
 a.optionsDropDown:visited {color: #000000; }
</style>

<li>
 <a class="optionsDropDown" href="javascript:showNewScreen();" >
  <span id="zero">
   <fmt:message bundle="${link}" key="lnk_newScreen" />
  </span>
 </a>
</li>

【讨论】：