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>

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

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

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

Answer 2

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

此外，name和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>

点击它后如何更改以下链接的颜色？

2 个答案: