添加当鼠标悬停在其上时放大值的 CSS答案

【问题标题】：Add a CSS that enlarge the value when the mouse hovers over it添加当鼠标悬停在其上时放大值的 CSS
【发布时间】：2011-07-25 13:33:41
【问题描述】：

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

【问题讨论】：

【解决方案1】：

查看css :hover selector

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

我会这样做：

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

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

【讨论】：

【解决方案4】：

这是一个例子：http://jsbin.com/urube4/edit

您可以在td 或span 上使用 :hover 伪选择器，具体取决于您想要的效果。

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

如前所述，您在使用 IE6 时会遇到问题，因为它只能识别 a 标记上的 :hover 和 button 和 input 等表单元素。如果你想要 IE6，你需要使用 JavaScript。

【讨论】：