Question

i have below code snippet. I am not getting how to change the color from red(FF0000) to black(any color) of below link on click of it?

<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>

Answer 1

You can do this via CSS. Insert the following in the head of your document or anywhere before the markup you posted:

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