使用javascript的ASP-classic站点中的字体颜色不会改变

Question

我有一个表格，当我将鼠标移到这个单元格上时，背景和字体颜色应该会改变，然后在mouseOut时又会改变回来，但由于某些原因，我似乎无法让字体改变颜色。我用的是asp经典版和internet explorer 8。

<TH <%if boolHighlight=false then %>onMouseOver="this.bgColor='#E3E31B'; this.style.color='#ffffff';" onMouseOut="this.bgColor='#FFFFFF'; this.style.color='#000000';" <%end if%>style="width: 9%; cursor: hand; border-right: none; align: center; vertical-align: center;" 
    title="Click to get info">
    <font color="navy"><%= RS("ROLL_ID")%></font>
</TH>

Answer 1

在ASP文件中

<% 
  thClass = IIf(boolHighlight, "hl", "")
%>

<!-- later... -->

<th class="info <%=thClass%>" title="Click to get info"><%=RS("ROLL_ID")%></th>

在CSS文件中

th.info {
  color: navy;
  background-color: white;
}
th.info.hl:hover {
  color: #ffffff;
  background-color: #E3E31B;
}

备注

• 不使用字体标记。
• 不使用内联样式，而是使用CSS类和单独的CSS文件。
• 在JavaScript中不做滚动效果。CSS :hover就是为此而生的。