Chrome中奇怪的鼠标悬停行为？答案

【问题标题】：Weird mouseover behavior in Chrome?Chrome中奇怪的鼠标悬停行为？
【发布时间】：2010-10-21 20:47:44
【问题描述】：

我们有一个标题元素，样式如下：

<div class="sidebarHeadingFont">Operation</div>

.sidebarHeadingFont {font-family: Arial, Helvetica, sans serif; font-size:10pt; font-weight:bold; color: #003366; }

在 Chrome 中，当您将鼠标放在此元素上时，字体大小会增加（使元素的宽度变大）并且颜色会变为白色。为什么是这样？？在 IE 或 Firefox 中不这样做。

【问题讨论】：

可能你有一些未关闭的标签，或者在 meta.xml 中有指向其他 css 样式表的链接。使用 W3 验证，如果它不能帮助发布其余代码。

标签： css google-chrome mouseover

【解决方案1】：

你真的，真的确定你没有任何其他 css 和/或 html 吗？因为这听起来真的，真的很奇怪..

【讨论】：

是的，我是个傻瓜。我们还有.sidebarHeadingFont:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }