Question

我有一张桌子，当我鼠标悬停在这个单元格上时，背景和字体颜色应该会改变，然后在我mouseOut时改回来，但出于某种原因，我似乎无法获取字体来改变颜色。我使用的是asp-classic和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。

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

1 个答案: