javascript - 如何在点击以下链接时更改其颜色？

Question

我有以下代码片段。我不知道如何在单击下面的链接时将颜色从红色(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>

编辑2

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>

Answer 1

您可以通过 CSS 来做到这一点。在文档的头部或您发布的标记之前的任何位置插入以下内容:

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