Css Chrome中的怪异鼠标悬停行为？

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

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

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

操作
.sidebarHeadingFont{字体系列：Arial，Helvetica，无衬线；字体大小：10pt；字体重量：粗体；颜色：#003366；}

---

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

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

是的，我是个笨蛋。我们还有

.sidebarHeadingFont:hover{font系列：Verdana，Arial，Helvetica，sans serif；字体大小：10pt；字体重量：粗体；颜色：#ffffffff；文本装饰：none；}

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