添加一个CSS，当鼠标悬停在它上面时放大该值

Question

我在一个由Javascript创建的html页面中有一个表，并在其单元格中保存数字我想在鼠标悬停在它上面时使用css样式放大数字。

Answer 1

我会做类似的事情：

table td:hover {
  font-size: 1.1em;
}

这样，你肯定会拥有比现有更大的字体。

Answer 2

查看css :hover selector

这主要适用于大多数浏览器中的锚标签，如果你想悬停在其他元素上你可能想要使用javascript

Answer 3

以下是一个示例：http://jsbin.com/urube4/edit

您可以在td或span内使用：hover psuedo-selector，具体取决于您想要的效果。

示例中的第一个表格仅激活文本mouseover上的悬停，而第二个示例将在表格单元格的mouseover上激活。

如上所述，您在IE6中遇到问题，因为它只识别:hover代码上的a，并构成button和input等元素。如果你想要IE6，你需要使用JavaScript。

Answer 4

table td:hover {
font-size: 14px; // greater than actual size
}