Html 如何更改wiki化石（化石scm）中单元格的背景颜色？

静态设置颜色，以便：

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td bgcolor="#FF0000">January</td>
    <td bgcolor="#00FF00">$100</td>
  </tr>
</table>

月
储蓄
一月
$100

但是，如何动态更改单元格的背景颜色，例如，当您将鼠标悬停在表格下的文本上时？

欢迎使用SO:）

与其说是化石问题，不如说是个问题

要更改鼠标悬停时单元格（或任何其他元素）的背景色，可以使用以下方法：

<style>
 td.hovercolour {
   background-color: #00FF00;
 }
 td.hovercolour:hover {
   background-color: yellow;
 }
</style>
<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td bgcolor="#FF0000">January</td>
    <td class="hovercolour">$100</td>
  </tr>
</table>

td.HOVERCOLOR{
背景色：#00FF00；
}
td.悬停颜色：悬停{
背景颜色：黄色；
}
月
储蓄
一月
$100

请注意，为了让CSS正常工作，表单元格被赋予了一个类，而不是硬编码的颜色值。该类仅被称为“hovercolor”，用于说明，它可以是任何东西，只要它以字母开头。对于任何具有类的元素，浏览器都会要求该类的样式声明。本例中的声明告诉浏览器使用鼠标更改悬停时的样式（背景色）。如果您需要对mouseover/etc进行任何操作，CSS选择器/psuedo选择器可能会在您使用JavaScript之前为您提供大部分帮助

在本例中，样式表是内联的。如果你想在化石的多个页面上使用相同的样式/CSS，而不需要大量的复制和粘贴，那么你需要通过复制当前使用的样式/CSS来创建一个新的外观（这比编辑当前外观会带来更少的麻烦），然后在CSS页面上为皮肤添加样式声明，并将CSS类/ID添加到wiki页面中的HTML元素中，或者通过编辑相关页面的模板（例如，在管理面板的票证设置页面中）

---

使用web界面编辑和绘制皮肤很容易/完全没有痛苦，但是如果您喜欢桌面IDE，那么在Fossil的网站上有一些关于使用文件而不是web界面绘制皮肤的说明（“页面底部的建议皮肤自定义过程”）。

非常感谢。很抱歉，我不能标记+1。